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

  • 5050 Image: 1000px × 1000px
  • 5050 Transparent Image (Graph, chart, etc)): 1000px × Any Height (recommended 600px – 1200px)
  • 5050 Small Images: 400px × 400px
  • Logos: 300px × 120px
  • Icons: 140px × 140px
  • Testimonial Headshot: 400px × 400px
  • Parallax Browser Window BG Image: 1200px × 1000px+
  • Gradient CTA Offset Image: 1000px × Any Height (recommended 600px – 1000px)
  • Gradient CTA Transparent People Cutouts: 900px × 1200px+
  • Gradient CTA Transparent Scaled Up Devices: 1000px × 1000px
  • Gradient CTA Faded BG-like Transparent Image: 500px × 400px
  • Blog Featured Image: 900px × 600px

Font Specifics

  • H1 – Gibson, 600 • 90px/1 • Color: #FFFFFF
  • H2 – Gibson, 600 • 60px/1 • Color: #FFFFFF
  • H3 – Gibson, 600 • 48px/1 • Color: #FFFFFF
  • H4 – Play, 400 • 22px/1.5 • Color: #FFFFFF
  • H5 – Gibson, 600 • 22px/1.2 • Color: #FFFFFF
  • H6 – Gibson, 600 • 16px/1.2 • Color: #FFFFFF
  • Paragraph – Gibson, 400 • 16px/2em • Color: rgba(229,244,255,.85)
  • Intro Paragraph – Gibson, 400 • 22px/1.5 • Color: rgba(229,244,255,.85)
  • Pre-Title Paragraph – Play, 400 • 22px/1.2 • Color: rgba(229,244,255,.85)
  • Paragraph Strong – , 600 • / • Color: #FFFFFF
  • Inline Link – , 600 • / • Color: #83F970

Site Color Values

 

#83F970

 

#c0ffb6

 

#0E0E10

 

#131518

 

rgba(30,35,48,1)

 

rgba(38,41,46,.7)

 

#d6ded4

 

#FFFFFF

 

rgba(229,244,255,.85)