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 : 1300px × 550px
- Interior Page Hero: 1300px × 470px
- Sidebar Video : 600px × Any Height
- Sidebar Image: 600px × Any Height
- Page Block Images: 725px × 480px
Font Specifics
- H1 – Proxima Nova Light • 55px/55px • Color: #0d5682 • Margin: 0 0 30px 0
- H2 – Proxima Nova Light • 45px/45px • Color: #0d5682 • Margin: 10px 0 10px 0
- H3 – Proxima Nova Light • 36px/36px • Color: #0d5682 • Margin: 10px 0 10px 0
- H4 – Proxima Nova Regular • 25px/35px • Color: #969696 • Margin: 0 0 20px 0
- H5 – Proxima Nova Regular, ALL CAPS • 25px/35px • Color: #005581 • Margin: 10px 0 5px 0
- H6 – Proxima Nova Regular, ALL CAPS • 20px/25px • Color: #005581 • Margin: 0 0 0 0
- Paragraph Copy – Proxima Nova Regular • 20px/30px • Color: #787873 • Margin: 0 0 30px 0
- Paragraph Links – Proxima Nova Regular • 20px/30px • Color: #df9318 • Margin: 0 0 30px 0
- Rollover Paragraph Links – Proxima Nova Regular • 20px/30px • Color: #df9318 • Margin: 0 0 30px 0
- Blockquote Style – Proxima Nova Light , Italic • 27px/37px • Color: #002d45 • Margin: 0 0 24px 0
- Sidebar Title – Open Content – Proxima Nova Light • 30px/32px • Color: #005581 • Margin: 0 0 15px 0
- Sidebar Open Content Body text – Proxima Nova Regular • 18px/25px • Color: #787873 • Margin: 0 0 15px 0
- Sidebar Testimonial – Proxima Nova Light, Italic • 22px/32px • Color: #002d45 • Margin: 0 0 24px 0
- Mobile H1 – Proxima Nova Light • 45px/45px
- Mobile H2 – Proxima Nova Light • 35px/35px
- Mobile H3 – Proxima Nova Light • 30px /30px
- Mobile H4 – Proxima Nova Regular • 23px/33px
- Mobile H5 – Proxima Nova Regular • 22px/30px
- Mobile Blockquote Style – Proxima Nova Light, Italic • 22px/32px
Site Color Values
| #002d45 | |
| #0d5682 | |
| #029ef0 | |
| #6aa9c9 | |
| #ffdb54 | |
| #df9318 | |
| #ffffff | |
| #969696 | |
| #787873 |