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

• Banner Image: 1000 × 522 (displays a strict 670 × 350)
• 2 Column (5050) Image or Video overlay image: 1000 × 667 or any height, as needed (displays on desktop at 625 width)
• Access Image Block: 1000 × 956 (displays on desktop strict 523 × 500)
• FW Background Image: 1600 × 800
• Blog Featured Image: 800 × 535 (1600 x 1070 for a sharper blog post banner image)
• CTA Headshot: Circle transparent background PNG – 400 × 400 (displays 200 × 200)
• Team Bio: 644 × 776 (displays on desktop strict 320 × 390)

Font Specifics

• • H1 – Open Sans, 700 • 45px/60px • Color: #fff
  • H2 – Open Sans, 600 • 45px/60px • Color: #525252
  • H3 – Futura PT, 700 • 30px/36px • Color: #57545d
  • H4 – Futura PT, 600 • 22px/28px • Color: #525252
  • H5 – Futura PT • 22px/32px • Color: #525252
  • H6 – Futura PT • 16px/26px • Color: #525252
  • Paragraph – Open Sans, 400 • 18px/28px • Color: #57545d
  • Intro Text – Futura PT, 600 • 22px/28px
  • Body Links – Open Sans, 700 • 18px/28px • Color: #ff6407
  • Body Links Hover – Open Sans, 700 • 18px/28px • Color: #007bff

Site Color Values