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