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 |