Image, Color, & Font Specs

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

• Logos (transparent PNG format): 300 × 200
• 50/50 Images: 900 × 900
• Case Study Thumbnail and Industry Thumbnail: 900 × 500
• Blog Featured Image: 1200 × 800
• Interior Header Image: 1800 × 700
• Homepage Hero Image: 1800 × 800

Font Specifics

• H1 – Source Sans Pro, 700 • 52/1.1 • Color: #101010 • Letter-Spacing: -1px • Margin: 0 0 25px
• H2 – Source Sans Pro, 700 • 42/1.1 • Color: #101010 • Letter-Spacing: -0.9px • Margin: 0 0 25px
• H3 – Source Sans Pro, 700 • 36/1.5 • Color: #101010 • Letter-Spacing: -0.9px • Margin: 0 0 15px
• H4 – Gibson, 500, ALL CAPS • 16px/1.4 • Color: #333 • Letter-Spacing: 2px • Margin: 0 0 15px
• H5 – Source Sans Pro, 700 • 26px/1.2 • Color: #101010 • Letter-Spacing: -0.9px • Margin: 0 0 15px
• H6 – Source Sans Pro, 500 • 22px/1.2 • Color: #101010 • Letter-Spacing: -0.2px • Margin: 0 0 15px
• Paragraph Introduction Text (p.intro) – Source Sans Pro, 400 • 24px/1.6 • Color: #202020 • Margin: 0 0 25px
• Paragraph Pre-Title Text (p.pre-title) – Gibson, 500, ALL CAPS • 15px/1 • Color: #202020 • Letter-Spacing: 2px • Margin: 0 0 20px
• Paragraph Text, List Text (p, ol, ul) – Source Sans Pro, 400 • 18px/1.6 • Color: #585858 • Margin: 0 0 20px
• Button Text – Gibson, 500, ALL CAPS • 16px/1.2 • Color: #001136 • Letter-Spacing: 2px • Margin: 5px 0 0 0
• Link Text – • / • Color: #002470

Site Color Values