Select Page

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 Image: 1600 × 780
  • 50/50 Image: 1000 × 800 recommended (but 600px wide will also suffice)
  • Team member headshots: 600 × 750
  • Three Across Image: 600 × 480
  • Single Column Background Image: 1600 × 670
  • Post Image: 810 × Any Height
  • Icons: 120 × Andy Height
  • Header Image: 1600 × 389
  • Sidebar Image: 600 × 400
  • Bio Image: 330 × 240
  • Large Video Image Placement: 1030 × 685

Font Specifics

  • H1 – FF Meta Web Pro Condensed, 700, ALL CAPS • 48/60 • Color: #000 • Margin: 0 0 20px 0
  • H1 Mobile – FF Meta Web Pro Condensed, 700, ALL CAPS • 36/40
  • H2 – FF Meta Web Pro Condensed, 700, ALL CAPS • 36/48 • Color: #000 • Margin: 0 0 20px 0
  • H2 – Mobile – FF Meta Web Pro Condensed, 700, ALL CAPS • 30/36
  • H3 – FF Meta Web Pro Condensed, 700, ALL CAPS • 30/36 • Color: #000 • Margin: 0 0 20px 0
  • H3 – FF Meta Web Pro Condensed, 700, ALL CAPS • 24/30
  • H4 – Proxima Nova, 400 • 24/32 • Color: #000 • Margin: 0 0 20px 0
  • H4 – Mobile – Proxima Nova, 400 • 18/28
  • H5 – FF Meta Web Pro Condensed, 700, ALL CAPS • 24/30 • Color: #000 • Margin: 0 0 20px 0
  • H5 – FF Meta Web Pro Condensed, 700, ALL CAPS • 18/30
  • H6 – FF Meta Web Pro Condensed, 700 • 18/30 • Color: #000 • Margin: 0 0 20px 0
  • Paragraph Text – Helvetica, 400 • 16/30 • Color: #000 • Margin: 0 0 10px 0
  • Block Quote – Proxima Nova, 400 • 22/30 • Color: #000 • Margin: 50px 50px 50px 50px
  • Block Quote – Mobile – Proxima Nova, 400 • 18/28
  • Sidebar Text – Helvetica, 400 • 15/24 • Color: #000 • Margin: 0 0 10px 0
  • Link Text – • / • Color: #81cd28
  • Hover Text – • / • Color: #62ab0c

Site Color Values

#81cd28
#000
#62ab0c
#ebebeb