How To / Style Guide

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

Icon (SVG): 120px × 120px
Blurb Thumbnail (jpg, displays 80px): 160 × 160
50/50 Image: 750 × 850
Logo Image (jpg on white or transparent png): 230 × 150
Center Column Image (displays at 490px): 1000 × Any Height
Testimonial Icon (SVG or transparent png): 570 × 210
Blog / Knowledge Hub / Client Results / Events Featured Image (jpg): 980 × 490
Logo for Stats Block: 190px Max × 42px
Icon for Stats Block (displays at 58×58): 60 × 60

DESKTOP – • /
H1 – Interstate, 700 • 54px/1.3em • Color: #000 • Letter-Spacing: -1 • Margin: 0 0 14px
H2 – Interstate, 400 • 40/1.35em • Color: #000 • Letter-Spacing: -1 • Margin: 0 0 14px
H3, H5 – Interstate, 700 • 30/1.5em • Color: #000 • Letter-Spacing: -0.8px
H3.small, H6 – Interstate, Bold • 24px/1.5em • Color: #000 • Letter-Spacing: -0.8px
H4, Paragraph Pre-Title – Interstate, ALL CAPS • 18px/1.2em • Color: #802528 • Letter-Spacing: 2px • Margin: 0 0 14px
Paragraph – Calibri, 400 • 18/1.8em • Color: #444 • Margin: 0 0 14px
Paragraph Intro – Calibri, 400 • 28px/1.4em • Color: #000 • Letter-Spacing: -0.2 • Margin: 0 0 14px
Button Text – , 700, ALL CAPS • 18/1.2em • Letter-Spacing: 1px
Link Text – • / • Color: #CB3524
MOBILE – • /
H1 – • 36/1.2em • Letter-Spacing: -0.5 • Margin: 0 0 10px
H2 – • 30/1.3em • Letter-Spacing: -0.75px • Margin: 0 0 10px
H3 – • 26/1.4em • Letter-Spacing: -0.5px
H4, Paragraph Pre-Title – • 16/1.2em • Letter-Spacing: 1.5px • Margin: 0 0 10px
Paragraph Intro – • 22/1.5em • Margin: 0 0 10px