Style Guide

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

  • Interior Page Hero: 1680px × 515px
  • Right/Left Video and Image Blocks: 1680px × 660px
  • Full-Width Testimonial BG Image: 1680px × 660px
  • Full-Width 2-Button CTA Page Block BG Image: 1680px × 660px
  • 2-Column Page Blocks: 750px × 500px
  • 3-Column Page Blocks: 750px × 500px
  • 2 x 2 2-Column Page Blocks: 750px × 500px
  • 2-Column Timeline Image : 750px × 415px
  • 4-Column Timeline Image: 750px × 750px
  • 50/50 Left/Right Page Blocks: 840px × 840px
  • Grid Block Items: 840px × 840px
  • Blog / News Card Images: 750px × 500px
  • Sidebar Image: 750px × Any
  • Team Bio Images: 750px × 750px

Font Specifics

  • H1 – Century Gothic, Bold • 48px/66px • Color: #2D3131 • Margin: 0 0 0 40px
  • H1 Tablet – Century Gothic, Bold • 36px/50px • Color: #2D3131 • Margin: 0 0 0 40px
  • H2 – Century Gothic, Bold • 36px/50px • Color: #2D3131 • Margin: 0 0 0 40px
  • H2 Tablet – Century Gothic, Bold • 31px/45px • Color: #2D3131 • Margin: 0 0 0 40px
  • H3 – Century Gothic, Bold • 31px/45px • Color: #2D3131 • Margin: 0 0 0 30px
  • H3 Tablet – Century Gothic, Bold • 26px/38px • Color: #2D3131 • Margin: 0 0 0 30px
  • H4 – Proxima Nova, 600, ALL CAPS • 36px/48px • Color: #1D1760 • Letter-Spacing: 3 • Margin: 0 0 0 30px
  • H4 Tablet – Proxima Nova, 600, ALL CAPS • 31px/44px • Color: #1D1760 • Letter-Spacing: 2 • Margin: 0 0 0 30px
  • H5 – Century Gothic, Bold • 26px/38px • Color: #2D3131 • Margin: 0 0 0 30px
  • H5 Tablet – Century Gothic, Bold • 20px/32px • Color: #2D3131 • Margin: 0 0 0 30px
  • H6 – Proxima Nova, 600, ALL CAPS • 24px/36px • Color: #1D1760 • Letter-Spacing: 2.5 • Margin: 0 0 0 30px
  • Paragraph Text – Proxima Nova, 400 • 17px/34px • Color: #2D3131 • Margin: 0 0 0 20px
  • Sidebar Open Content Title – Century Gothic, Bold • 26px/38px • Color: #2D3131
  • Sidebar Open Content Title Tablet – Century Gothic, Bold • 22px/27px • Color: #2D3131
  • Sidebar Open Content Paragraph Text – Proxima Nova, 400 • 17px/34px • Color: #2D3131 • Margin: 0 0 0 20px
  • Sidebar Photo Caption – Proxima Nova, 600 • 17px/30px • Color: #1D1760
  • Block Quote Text – Proxima Nova, 400, Italic • 24px/44px • Color: #ffffff
  • Block Quote Text Tablet – Proxima Nova, 400, Italic • 18px/36px • Color: #ffffff
  • Block Quote Attribution – Century Gothic, Bold • 24px/36px • Color: #ffffff
  • Block Quote Attribution Tablet – Century Gothic, Bold • 20px/32px • Color: #ffffff

Site Color Values

 

#1D1760
 

#00AEEF
 

#6DCFF6
 

#2D3131
 

#5A5A5A
 

#DCDDDE
 

#ffffff