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/Slideshow: 1600px × 850px
- Full Width Header: 1600px × 400px
- 50/50: 800px × 575px
- Headshots: 600px × 600px
- 3 or 4 column blocks: 600px × Any
- Resources (Featured Image) : 600px x 450
- Blog/Press/Op Ed (Featured Image) : 1080px x Any
Font Specifics
- H1 – Proxima Nova, 300 • 55px/55px • Color: #161e55 • Margin: 0 0 30px
- H2 – Proxima Nova , 300 • 40px/50px • Color: #161e55 • Margin: 5px 0 15px
- H3 – Proxima Nova , 300 • 35px/40px • Color: #161e55 • Margin: 10px 0 15px
- H4 – Proxima Nova, 600 • 25px/40px • Color: #6a6d6b • Margin: 0 0 25px
- H5 – Proxima Nova, 300, ALL CAPS • 20px/20px • Color: #6f7b8c • Letter-Spacing: 75 • Margin: 10px 0
- H6 – Proxima Nova, 600 • 18px/25px • Color: #333653 • Margin: 0 0 5px
- Paragraph – Trebuchet, 400 • 15px/25px • Color: #2c302e • Margin: 0 0 15px
- Text links – • / • Color: #fc8b6c
- Full Width Header H1 – Proxima Nova, 300 • 55px/55px • Color: #ffffff • Margin: 0 0 30px
- Full Width Header Subhead – Proxima Nova, 600 • 25px/40px • Color: #f5f5fa • Margin: 0 0 30px
- Sidebar Open Content H3 – Proxima Nova, 300 • 25px/30px • Color: #ffffff • Margin: 0 0 15px
- Sidebar Open Content Paragraph – • / • Color: #f5f5fa
- CTA Block Header – Proxima Nova, 600 • 30px/35px • Color: #43434b • Margin: 0 0 25px
- Testimonial Text – Proxima Nova, 300 • 30px/45px • Color: #15184f • Margin: 0 0 20px
- Number Counter (Number) – Proxima Nova, 300 • 72px/72px • Color: #7b5a9a • Margin: 0 0 20px
- Number Counter (Label) – Proxima Nova, 300 • 20px/30px • Color: #15184f
Site Color Values
|
#15184f |
|
#fc8b6c |
|
#c7dcfb |
|
#7e5393 |
|
#43434c |
|
#f5f5fa |
Like this:
Like Loading...