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

• Header Image: 1920 × 1000
• Video Thumbnail (16:9): 840 × 470
• 50/50 Image: 900 × 900
• Location Image: 600 × 400
• Icon (SVG): 100 × 100
• CTA Background Image: 1530 × 600
• Staff Headshot: 500 × 500

Font Specifics

• DESKTOP – • /
• H1 – Futura PT, 800 • 72px/82px • Color: #3A536A • Letter-Spacing: -1.7px • Margin: 0 0 20px
• H2 – Futura PT, 700 • 42px/54px • Color: #3A536A • Letter-Spacing: -1.5px • Margin: 0 0 20px
• H2.messaging – Futura PT, 700 • 64px/72px • Color: #3A536A • Letter-Spacing: -2px • Margin: 0 0 20px
• H3 – Futura PT, 700 • 32px/40px • Color: #3A536A • Letter-Spacing: -1px • Margin: 0 0 10px
• H4, Pre-Title – Futura PT, 800, ALL CAPS • 16px/1 • Color: #201E1E • Letter-Spacing: 3px • Margin: 0 0 10px
• H5 – Futura PT, 700 • 28px/36px • Color: #3A536A • Letter-Spacing: -0.8px • Margin: 0 0 10px
• H6 – Futura PT, 700 • 28px/36px • Color: #3A536A • Letter-Spacing: -0.8px • Margin: 0 0 10px
• Paragraph Text – Gibson, 300 • 20px/36px • Color: #585858 • Margin: 0 0 10px
• Paragraph Intro – Gibson, 400 • 26px/36px • Color: rgba(32,30,30,0.70) • Margin: 0 0 10px
• Paragraph Link – , 500 • / • Color: #3A536A
• Emphasized Link – Futura PT, 700, ALL CAPS • 20px/1 • Color: #F46A20 • Margin: 20px 0 0
• MOBILE – • /
• H1 – • 44px/54px • Letter-Spacing: -1px
• H2 – • 36px/44px • Letter-Spacing: -1.3px
• H2.messaging – • 48px/56 • Letter-Spacing: -1.5px
• H3 – • 30px/36px • Letter-Spacing: -1
• H5 – • 26px/34px • Letter-Spacing: -0.8px
• H6 – • 22px/30px • Letter-Spacing: -0.7px
• Paragraph Intro – • 24px/36px
• Paragraph Text – • 18px/32px

Site Color Values