Preview of Heading 1
Heading 1 in italics
Heading 1 in bold

Preview of Heading 2
Heading 2 in italics
Heading 2 in bold

Preview of Heading 3
Heading 3 in italics
Heading 3 in bold

Preview of Heading 4
Heading 4 in italics
Heading 4 in bold

Preview of Paragraph 1 text. And a link. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Preview of Paragraph 2 text. And a link. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Preview of Paragraph 3 text. And a link. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Primary button
Secondary button
Tertiary button

NEED A LITTLE MORE HELP?

You have 30 days of included support after launch to fix any issues or for me to record any new help videos (unless you are on my care plan).

After that, you can book me for an hour screen share here.

NOTES:

  • Save your section as a backup before editing (look for the heart icon)

  • Always check the site on mobile after edits too! Editing causes things to shift

ADDING IMAGES

  • walkthrough video

  • resize vertical images DOWN to 1200px wide, horizontal images DOWN to 2500px wide

  • run through https://tinypng.com/

  • then add to site

  • set ALT TEXT on image if needed

  • asset library video

ADDING TESTIMONIALS

  • walkthrough

ACCORDION BLOCKS (careers, resources, etc)

  • walkthrough

SENDING EMAIL CAMPAIGNS

  • walkthrough

AFTER SITE LAUNCH

POST-LAUNCH SEO CHECKLIST

These are steps you can take to improve your SEO after site launch.

  • Add your website URL to each of your social media profiles

  • If you have a business, create a Google Business account and keep it active with posts and responding to reviews

  • Get backlinks for your website

    • get listed on your local Chamber of Commerce site or other relevant directories

  • Keep your site active

    • add/update your projects regularly

FONTS

  • Headings: Raleway Bold

  • Paragraphs: Lato

Main Headers (H1)

  • Primary Option: Raleway Bold (800 wt)

  • Alternative: Work Sans Bold

  • These provide strong presence while maintaining excellent readability

  • Use for main page headers and important section titles

Secondary Headers (H2-H3)

  • Primary Option: Open Sans Bold or Lato Bold

  • Alternative: Fira Sans Bold

  • Clean, bold fonts that pair well with the main headers while being very readable

  • Use for section headers and subheadings

Script Accents (For special elements)

  • Primary Option: Caveat or Amatic SC

  • Use sparingly for emphasis or special sections to echo the "Farm To Table" script in the logo

Body Text

  • Primary Option: Lato Regular

  • Alternative: Source Sans Pro

  • Highly readable fonts that work well at various sizes

  • Use for all main content and paragraph text

Text Hierarchy

  • H1: Raleway Bold, 36-40px

  • H2: Raleway Bold, 28-32px

  • H3: Lato Bold, 22-24px

  • Body: Open Sans Regular/Lato Regular, 16-18px

  • Buttons: Open Sans Semibold/Lato Semibold, 16px

  • Navigation: Open Sans Semibold/Lato Semibold, 18px

COLORS

  • view palette

    Website Colors (Primary)

    • Navy Blue: #282D73

      • Main color for headers and primary text elements (matches "SHIVERS FARMS" in logo)

    • Red: #C4151C

      • Accent color for buttons, links, and important elements (matches barn icon and "Farm To Table" script)

    • Black: #1A1423

      • For silhouettes, some text, and graphic elements (matches animal silhouettes in logo)

    • White: #FAF9F6

      • Primary background color and for text on dark backgrounds

    Supporting Colors

    • Green: #228B22

      • Accent color (matches the diamond accents in the logo)

    • Light Gray: #F5F5F5

      • Secondary background color for content sections

CUSTOM CODE BACKUP

INJECTION

PAGE INJECTION

<style>
  .sqs-announcement-bar {display: none !important;}
</style>

CSS

/* change default heading margin */
h1, h2, h3, h4 {
  margin-bottom: 1rem;
}

/* move header social icons closer */
.header-actions--right .header-actions-action--social .icon:not(:first-child) {
    margin-left: .6vw;
}

/* change header nav active style */
.header-nav-item--active a {
   background-image: none !important;
  color: ~'hsla(var(--darkAccent-hsl), 1)'!important;
}
/* add header nav hover effect */
.header-nav-wrapper a:hover {
 color: ~'hsla(var(--darkAccent-hsl), 1)'!important;
}

/* wrap code blocks instead of scrolling */
.source-code {
  white-space: pre-wrap;
  border-radius: 30px;
  background: #ffffff;
  padding: 20px;
}