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
#001f5b | |
#41b4e9 | |
#e6e7e8 | |
#b1723d | |
#3E8C5C | |
#B0B85C | |
#ED564E |