How To /

Style Guide

A quick reference for the image sizes, fonts and colors used across the site.

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 BG: 1800px × 900px
  • 2-Col Solid Image: 1000px × 870px
  • 2-Col Transparent Image: 900px × Any Height
  • Icons: 160px × 160px
  • Card Image: 1000px × 500px
  • 2-Col CTA Cutout: 1000px × 1000px
  • Bio Image: 800px × 550px

Font Specifics

  • Intro Paragraph – Red Hat Display, 400 • 22px/28px • Color: #251F21 • Margin: 0 0 20px
  • Paragraph – Red Hat Display • 18px/28px • Color: rgba(37,31,33,.85) • Margin: 0 0 20px
  • Paragraph Light – • / • Color: rgba(255,255,255,.85);

Site Color Values

 

#FFFFFF

 

#FAFAFA

 

#0A0A0A

 

#99CC00