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

• Hero Slider Image: 1920 × 1080
• Interior Header Image: 1920 × 700
• CTA Background Image (Black/White Image preferred): 1600 × 500
• Video Thumbnail Image (16:9 ratio): 1200 × 680
• Image for Text+Image Block (1:1 Ratio): 900 × 900
• Gallery Image (3:2 ratio preferred): 900 × 600
• Full-Bleed Image (1:1 or 3:2): 900 × 900 -OR- 600
• Blog Featured Image (3:2 ratio): 900 × 600
• Staff Image: 500 × 500
• Testimonial Image: 400 × 600
• Icon (Transparent SVG preferred): 140 × 140
• Logo (for logo block): 300 x 200

Font Specifics

DESKTOP - • /

• H1 - Nourish Display, 400, ALL CAPS • 64px/64px • Color: #124C1B • Letter-Spacing: -3px • Margin: 0 0 20px
• H2 - Filson Pro, 700 • 42px/50px • Color: #124C1B • Letter-Spacing: -0.2px • Margin: 0 0 14px
• H3 - Filson Pro, 700 • 30px/42px • Color: #124C1B • Letter-Spacing: -0.2px • Margin: 0 0 14px
• H4 - Filson Pro, 300, ALL CAPS • 18px/25px • Color: #2C3B20 • Letter-Spacing: 4px • Margin: 0 0 20px
• H5 - Filson Pro, 700 • 28px/38px • Color: #124C1B • Letter-Spacing: -0.2px • Margin: 0 0 10px
• H6 - Filson Pro, 700 • 22px/32px • Color: #124C1B • Letter-Spacing: -0.2px • Margin: 0 0 10px
• Paragraph Text - Futura PT, 300 • 20px/32px • Color: #2C3B20 • Margin: 0 0 20px
• Paragraph Intro Text - Futura PT, 300 • 26px/40px • Color: #2C3B20 • Letter-Spacing: 0.2px • Margin: 0 0 10px
• Pre-Title Text - Filson Pro, 300, ALL CAPS • 18px/25px • Color: #124C1B • Letter-Spacing: 4px • Margin: 0 0 20px
• Link Text - , 500 • / • Color: #048910
• Blockquote Text - Futura PT, 500 • 26px/40px • Color: #124C1B • Letter-Spacing: 0.2px • Margin: 30px
• Number Text - Filson Pro, 900 • 64px/64px • Color: #F4602C • Margin: 0 0 20px
• CTA Link Text - Filson Pro, 900, ALL CAPS • 20px/27px • Color: #048910 • Margin: 20px 0 0

Mobile - < 991px - • /

• H1 - • 36px/40px • Letter-Spacing: -2px • Margin: 0 0 16px
• H2 - • 30px/36px
• H3 - • 24px/30px
• H4 - • 14px/20px • Letter-Spacing: 3px
• H5 - • 22px/30px
• H6 - • 20px/28px
• Paragraph Text - • 18px/26px
• Paragraph Intro Text - • 20px/30px
• Pre-Title Text - • 14px/20px • Letter-Spacing: 3px
• Blockquote Text - • 20px/30px
• Number Text - • 54px/64px

Site Color Values