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

  • Home Hero/Slideshow: 1600px × 850px
  • Full Width Header: 1600px × 400px
  • 50/50: 800px × 575px
  • Headshots: 600px × 600px
  • 3 or 4 column blocks: 600px × Any
  • Resources (Featured Image) : 600px x 450
  • Blog/Press/Op Ed (Featured Image) : 1080px x Any

Font Specifics

  • H1 – Proxima Nova, 300 • 55px/55px • Color: #161e55 • Margin: 0 0 30px
  • H2 – Proxima Nova , 300 • 40px/50px • Color: #161e55 • Margin: 5px 0 15px
  • H3 – Proxima Nova , 300 • 35px/40px • Color: #161e55 • Margin: 10px 0 15px
  • H4 – Proxima Nova, 600 • 25px/40px • Color: #6a6d6b • Margin: 0 0 25px
  • H5 – Proxima Nova, 300, ALL CAPS • 20px/20px • Color: #6f7b8c • Letter-Spacing: 75 • Margin: 10px 0
  • H6 – Proxima Nova, 600 • 18px/25px • Color: #333653 • Margin: 0 0 5px
  • Paragraph – Trebuchet, 400 • 15px/25px • Color: #2c302e • Margin: 0 0 15px
  • Text links – • / • Color: #fc8b6c
  • Full Width Header H1 – Proxima Nova, 300 • 55px/55px • Color: #ffffff • Margin: 0 0 30px
  • Full Width Header Subhead – Proxima Nova, 600 • 25px/40px • Color: #f5f5fa • Margin: 0 0 30px
  • Sidebar Open Content H3 – Proxima Nova, 300 • 25px/30px • Color: #ffffff • Margin: 0 0 15px
  • Sidebar Open Content Paragraph – • / • Color: #f5f5fa
  • CTA Block Header – Proxima Nova, 600 • 30px/35px • Color: #43434b • Margin: 0 0 25px
  • Testimonial Text – Proxima Nova, 300 • 30px/45px • Color: #15184f • Margin: 0 0 20px
  • Number Counter (Number) – Proxima Nova, 300 • 72px/72px • Color: #7b5a9a • Margin: 0 0 20px
  • Number Counter (Label) – Proxima Nova, 300 • 20px/30px • Color: #15184f

Site Color Values

#15184f
#fc8b6c
#c7dcfb
#7e5393
#43434c
#f5f5fa

%d bloggers like this: