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

• Collage Image Portrait (3:4 ratio): 300 × 400
• Collage Image Landscape (4:3 ratio): 400 × 300
• Logo Image: 460 × 300
• Icon (SVG): 80 × 80
• Testimonial Logo or Headshot: 240 × 280
• Testimonial Image Portrait (3:4 ratio): 420 × 560
• Testimonial Image Landscape (4:3 ratio): 560 × 420
• Transition Block Background Image (2:3 ratio): 400 × 600
• Transition Block Testimonial Logo or Headshot: 240 × 280
• Customer Story Featured Image (4:3 ratio): 900 × 675
• 50/50 Image: 1050 × 1000
• Blog Featured Image (4:3 ratio): 500 × 375
• Footer CTA Image (3:4 ratio): 600 × 800

Font Specifics

• DESKTOP – • /
• H1 – Inter Tight, 800 • 54px/1.2em • Color: #003E70 • Margin: 0 0 20px
• H2 – Inter Tight, 800 • 64/1.125em • Color: #003E70 • Margin: 0 0 20px
• H3, H5 – Inter Tight, 800 • 30px/1.4em • Color: #003E70 • Margin: 0 0 20px
• H3.small, H6 – Inter Tight, 800 • 26px/1.4em • Color: #003E70 • Margin: 0 0 10px
• H4, Paragraph Pre-Title Text – Inter Tight, 700, ALL CAPS • 18px/1.2em • Color: #444346 • Margin: 0 0 10px
• Paragraph Intro Text – Inter Tight, 500 • 26px/1.5em • Color: #444346 • Margin: 0 0 10px
• Paragraph Body Text – Inter Tight, 400 • 20px/1.8em • Color: #444346 • Margin: 0 0 10px
• Paragraph Blockquote Text – Inter Tight, 500, Italic • 26/1.5em • Color: #444346 • Margin: 30px 0
• Link Text – , 700 • / • Color: #1D7F81
• Ghost Button Text, Emphasized Link Text – Inter Tight, 800 • 20px/1em • Color: #1D7F81
• Primary Button Text – Inter Tight, 800 • 20px/1em • Color: #000F1B
• MOBILE – • /
• H1 – • 36px/1.3em
• H2 – • 32px/1.25em
• H3, H5 – • 28px/1.4em
• H3.small, H6 – • 20px/1.5em
• H4, Paragraph Pre-Title Text – • 16px/1.25em
• Paragraph Intro Text – • 22px/1.5em
• Paragraph Body Text – • 18px/1.7em
• Paragraph Blockquote Text – • 22px/1.5em

Site Color Values