Select Page

Image, Color, & Font Specs

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 Background Images: 1800px × 1200px
  • Footer CTA Image: 900px × 600px
  • 50/50 Image (on desktop, this image goes from one side of screen to exactly halfway in the middle of the page): 1200px × 800px
  • Triptych Images: 900px × 600px
  • Logo Block Images (preferred .svg files): 400px × Any Height
  • Basic 2-Column Image pageblock Image: 900px × 600px
  • Video Module (Overlay Image): 1200px × 675px
  • Icon Blurb Images (.svg file format are preferred for optimum scalability): 50px × 50px
  • 3-Col Photo Blurb Images: 750px × 500px
  • 4-Col Photo Blurb Images: 750px × 500px
  • Testimonial Image (person headshot or company logo): 125px × 125px
  • Interruptor Block Image: 750px × 500px

Font Specifics

  • body, p, ol, ul (Desktop) – Proxima Nova, 400 • 17px/1.7 • Color: #4C6168 • Letter-Spacing: .25px • Margin: 0 0 25px
  • body, p, ol, ul (Tablet) – • 16px/
  • body, p, ol, ul (Mobile) – • 15px/
  • p.intro (Desktop) – • 21px/1.5
  • p.intro (Tablet) – • 20px/
  • p.intro (Mobile) – • 18px/
  • Blockquote p (Desktop) – • 21px/1.5
  • Blockquote p (Tablet) – • 20px/
  • Blockquote p (Mobile) – • 18px/
  • H1 (Desktop) – Proxima Nova, 600 • 70px/1.1 • Color: #114b5f • Margin: 0 0 20px
  • H1 (Tablet) – • 50px/
  • H1 (Mobile) – • 30px/
  • H2 (Desktop) – Proxima Nova, 600 • 36px/1.2 • Color: #114b5f • Margin: 0 0 15px
  • H2 (Tablet) – • 32px/
  • H2 (Mobile) – • 24px/
  • H3 (Desktop) – Proxima Nova, 600 • 26px/1.3 • Color: #114b5f • Margin: 0 0 10px
  • H3 (Tablet) – • 23px/
  • H3 (Mobile) – • 20px/
  • H4 (Desktop) – Proxima Nova, 600 • 22px/1.4 • Color: #114b5f • Margin: 0 0 10px
  • H4 (Tablet) – • 20px/
  • H4 (Mobile) – • 18px/
  • H5 (Desktop) – Proxima Nova, 600, ALL CAPS • 18px/1.4 • Color: #114b5f • Letter-Spacing: .5px • Margin: 0 0 10px
  • H5 (Tablet) – • 17px/
  • H5 (Mobile) – • 16px/
  • H6 (Desktop) – Proxima Nova, 600 • 18px/1.4 • Color: #114b5f • Letter-Spacing: .5px • Margin: 0 0 10px
  • H6 (Tablet) – • 17px/
  • H6 (Mobile) – • 16px/
  • Pre-Title (Desktop) – Proxima Nova, 600 • 14px/1.5 • Color: #E85B47 • Letter-Spacing: 1px • Margin: 0 0 10px
  • Pre-Title (Tablet) – • 13px/
  • Pre-Title (Mobile) – • 12px/

Site Color Values

 

#114b5f
 

#028090
 

#b2d1d3
 

#e85b47
 

#f9ac22