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

  • Homepage Hero: 1680px × 960px
  • Right / Left Page Block Image: 1680px × 750px
  • Interior Hero Image: 1680px × 835px
  • Grid Block Square Image: 835px × 835px
  • Grid Rectangle Block Image: 835px × 415px
  • Industries Full-Width Block Image: 1680px × 600px
  • Full-Width Page Block BG Image: 1680px × 700px (min)
  • 3 and 4 Column Page Block: 750px × 500px
  • Headshot – Bio or Testimonial: 350px × 350px
  • Sidebar Image: 750px × Any

Font Specifics

  • H1 (Over Interior Image) – Muli, 500 • 56px/80px • Color: #FFFFFF
  • H1 – Muli, 500 • 56px/80px • Color: #412E5E • Margin: 0 0 25px
  • H2 – Muli, 500 • 40px/55px • Color: #412E5E • Margin: 0 0 25px
  • H3 – Muli, 500 • 32px/44px • Color: #412E5E • Margin: 0 0 25px
  • H4 – Muli, 500 • 24px/36px • Color: #412E5E • Margin: 0 0 25px
  • H5 – Muli, 500, ALL CAPS • 30px/42px • Color: #412E5E • Letter-Spacing: 3 • Margin: 0 0 25px
  • H6 – Muli, 800 • 26px/36px • Color: #2A2A2A • Margin: 0 0 25px
  • Paragraph Text – Open Sans, 400 • 17px/30px • Color: #595E63 • Margin: 0 0 15px
  • Paragraph Text Link – Muli, 800 • / • Color: #FFB612
  • Sidebar Open Content Title – Muli, 800 • 26px/36px • Color: #2A2A2A
  • Sidebar Open Content Paragraph – Open Sans, 400 • 16px/32px • Color: #595E63 • Margin: 0 0 15px
  • Sidebar Photo Caption – Open Sans, 400 • 16px/32px • Color: #595E63

Site Color Values

#412E5E
#FFB612
#2F84BB
#1F5D82
#ACCCE5
#404040
#313131
#2A2A2A
#595E63
#FAFAFA
#FFFFFF