How To /

Style Guide

A quick reference for the image sizes, fonts and colors used across the site.

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 Image: 1920px × 800px
  • Final CTA Image: 1920px × 800px
  • Image/Text Photo: 650px × 450px
  • Interio Hero Image: 650px × 450px
  • Gallery Images: 650px × 450px
  • CTA Image: 650px × Any Height
  • Testimonial Image: 470px × Any Height
  • Card Image: 720px × 300px
  • Blurb Image: 150px × Any Height
  • CTA Interruptor Background Image/Texture: 1220px × Any Height
  • Interior Hero Background/Texture: 1920px × 800px

Font Specifics

  • Pre-Title – Proxima Nova, 700, ALL CAPS • 16px/20px • Color: #8C0B42 • Letter-Spacing: 2px • Margin: 0 0 10px; Padding: 0;
  • Mobile Paragraph – Proxima Nova, 400 • 16px/30px • Color: #333333 • Margin: 0px; Padding: 0;
  • Desktop Paragraph – • 18px/30px
  • Mobile List – Proxima Nova, 400 • 16px/30px • Color: #333333 • Margin: 0px; Padding: 0 0 0 10px;
  • Desktop Lists – • 18px/30px
  • Mobile Intro Paragraph – Proxima Nova, 400 • 22px/32px • Color: #333333 • Margin: 0 0 20px; Padding: 0;
  • Desktop Intro Paragraph – • 25px/35px
  • H6 – Proxima Nova, 700 • 20px/28px • Color: #000000 • Margin: 0 0 20px; Padding: 0;
  • H5 – Proxima Nova, 700, ALL CAPS • 22px/28px • Color: #000000 • Letter-Spacing: 1.5px • Margin: 0 0 20px; Padding: 0;
  • Mobile H4 – Proxima Nova, 700 • 26px/36px • Color: #000000 • Margin: 0 0 20px; Padding: 0;
  • Desktop H4 – • 28px/38px
  • Mobile H3 – Proxima Nova, 600 • 30px/40px • Color: #000000 • Margin: 0 0 20px; Padding: 0;
  • H3 for Cards for Mobile – Proxima Nova, 700 • 26px/36px • Color: #000000 • Margin: 0 0 10px; Padding: 0;
  • Tablet H3 – • 35px/45px
  • Desktop H3 – • 40px/45px
  • Mobile H2 – Proxima Nova, 700 • 35px/40px • Color: #000000 • Margin: 0 0 20px; Padding: 0;
  • Tablet H2 – • 40px/45px
  • Desktop H2 – • 50px/55px
  • Mobile H1 – Proxima Nova, 700 • 45px/50px • Color: #000000 • Margin: 0 0 20px; Padding: 0;
  • Tablet H1 – • 55px/60px
  • Desktop H1 – • 70px/75px
  • Mobile Block Quote – Proxima Nova, 300, Italic • 22px/32px
  • Tablet Block Quote – , Italic • 24px/34px
  • Desktop Block Quote – , Italic • 30px/40px

Site Color Values

 

#000000

 

#333333

 

#771934

 

#C73643

 

#EEB45D

 

#E7DEE4

 

#FFFBF6

 

#FFFFFF