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

  • Home Hero / Full-Width Page Block Image: 1400px (Full-Width) × 600px
  • Home 6 Across Icons: 600px × 600px
  • Image/Video Page Block: 600px × Any Height (420px Recommended)
  • 3 Across Blurb Images: 600px × 350px
  • 4 Across Blurb Images / Team 3 Across Photos: 600px × 475px
  • Partners Logos / Blog Listing Page Photos: 600px × 420px
  • Header Image: 1400px × 300px
  • Sidebar Testimonial Photo: 600px × 600px
  • Sidebar Photos/Videos: 600px × Any Height

Font Specifics

  • H1 – Aktiv Grotesk, 400 • 48px/50px • Color: #55565a • Margin: 0 0 50px
  • H2 – Aktiv Grotesk, 700 • 32px/38px • Color: #56565a • Margin: 10px 0 20px
  • H3 – Aktiv Grotesk, 500 • 26px/32px • Color: #56565a • Margin: 0 0 20px
  • H4 – Aktiv Grotesk, 300 • 26px/40px • Color: #55565a • Margin: 0 0 25px
  • H5 – Aktiv Grotesk, 700 • 20px/24px • Color: #56565a • Letter-Spacing: 10px • Margin: 10px 0 15px
  • H6 – Aktiv Grotesk, Bold • 16px/20px • Color: #56565a • Letter-Spacing: 0px • Margin: 0 0 18px
  • Block Quote – Aktiv Grotesk, 300 • 30px/38px • Color: #0b6db9 • Letter-Spacing: 10px • Margin: 65px 0 65px
  • Paragraph Text – verdana, 400 • 16px/30px • Color: #55565a • Margin: 0 0 30px
  • Sub-Nav Paragraph Text – verdana, 400 • 14px/26px • Color: #1c1c1e • Margin: 0 0 16px

Site Color Values

#1f1f1f
#151314
#d1d3d4
#f1f2f2
#0b6db9
#c62d58 Link Color