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

  • Hero: 1600px × 900px (but can be shorter)
  • 5050 Image w/ Shadow: 1000px × 711px
  • 5050 Image : 1000px × Any Height
  • 3-Across Image: 940px × 788px
  • Full-Width CTA : 1600px × 900px
  • Transition CTA: 1000px × 600px
  • Image Icons: 512px × 512px
  • Whitepaper Thumbnail: 600px × 776px (or Any Height)
  • Headshot / Thumb: 600px × 600px
  • Blog Featured Image: 800px × 500px

Font Specifics

  • H1 – Noto-Sans, 300 • 48px/1.2 • Color: #002554 • Margin: 0 0 25px
  • H2 – Noto-Sans, 300 • 42px/1.2 • Color: #002554 • Margin: 0 0 25px
  • H3 – Noto-Sans, 300 • 32px/1.2 • Color: #002554 • Margin: 0 0 25px
  • H4 – Noto-Sans, 400 • 28px/1.2 • Color: #485462 • Margin: 0 0 25px
  • H5 – Noto-Sans, 400 • 24px/1.2 • Color: #002554 • Margin: 0 0 15px
  • H6 – Noto-Sans, 500 • 18px/1.5 • Color: #5c5c63 • Margin: 0 0 15px
  • Intro Paragraph – Noto-Sans, 400 • 22px/1.6 • Color: #485462 • Margin: 0 0 25px
  • Paragraph – Noto-Sans, 400 • 18px/2 • Color: #5c5c63 • Margin: 0 0 20px

Site Color Values

  #002554
  #ff671f
  #f6f7f8
  #FFFFFF
  #00a7b5
  #5c5c63
  #0077c8
  #babbb1