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 |