Style Guide

Please reference the list below whenever you’re creating new images for your site. You should find a size for all possible images you’ll need/use.

Image Sizes

• Homepage Hero: 1400px × 600px
• Full Width Pageblock Background: 1170px × 500px
• Homepage Open Content Image: 600px × 300px
• Sidebar Image: 600px × Any Height
• Sidebar Video Preview: 600px × 340px (recommended)
• Full Width Header Image: 1400px × 300px
• Blog / Featured Image: 700px × 450px
• News Featured Image: 1170px wide x any
• FAQ Video Preview: 700px × 400px
• Left/Right Page Block Images: 600px × 360px
• 3-Column Block Images: 600px × 360px
• Bio / Farm Family Landing Page Images: 600px × 600px
• Recipe Alternate Images (shown on individual recipe page): 600px × 375px
• Promo Material Featured Image: 600px × 420px
• Recipe Featured Image (shown on Recipes landing page): 600px × 600px
• Author Bio Image: 600px × 600px

Font Specifics

• H1 – Lobster, 400 • 55px/55px • Color: #333132 • Margin: 0 0 30px 0
• H2 – Proxima Nova, 600 • 33px/38px • Color: #333132 • Margin: 10px 0 15px 0
• H3 – Proxima Nova, 700 • 26px/30px • Color: #333132 • Margin: 10px 0 15px 0
• H4 – Proxima Nova, 400 • 23px/36px • Color: #808285 • Margin: 0 0 30px 0
• H5 – Proxima Nova, 700 • 22px/25px • Color: #333132 • Margin: 10px 0 15px 0
• H6 – Proxima Nova, 700, ALL CAPS • 16px/18px • Color: #333132 • Letter-Spacing: .075 em • Margin: 10px 0 15px 0
• Block Quote – Proxima Nova, 700 • 24px/40px • Color: #333132 • Margin: 80px 20px 80px 20px
• Paragraph – Georgia, 400 • 16px/30px • Color: #414042 • Margin: 0 0 25px 0
• Link Color – • / • Color: #41b4e9
• Sidebar Captions – Georgia, 400, Italic • 15px/16px • Color: #808285

Site Color Values