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
- Home Hero: 1600px × 690px
- Block – 3 column: 600px × 425px
- Block – Full Width: 1600px × 580px
- Block – 2 Column (Circles): 600px × 600px
- Page Header Images: 1600px × 585px
- Sidebar – Image: 600px × Any
- Sidebar – Video Thumbnail: 600px × 400px
- News & Alerts Featured Images: 800px × 600px
- Team Bio Images: 600px × 600px
- Inline Images with text wrapping (Pages, News, Alerts, Events): 300px or less × Any
- Inline Images that are the width of the content (Pages, News, Alerts, Events): 800px × any
Font Specifics
- H1 – Museo Sans, 300 • 50px/60px • Color: #524e86 • Margin: 0 0 25px
- H2 – Museo Sans, 300 • 40px/50px • Color: #524e86 • Margin: 5px 0 15px
- H3 – Museo Sans, 300, ALL CAPS • 25px/30px • Color: #000000 • Letter-Spacing: +50 • Margin: 10px 0 10px
- H4 – Museo Sans, 300, Italic • 30px/40px • Color: #524e86 • Margin: 0 0 25px
- H5 – Museo Sans, 300, ALL CAPS • 20px/30px • Color: #868686 • Margin: 0 0 5px
- H6 – Museo Sans, 300 • 15px/20px • Color: #4a3795 • Margin: 0 0 5px
- Paragraph – Geneva, 400 • 16px/25px • Color: #484848 • Margin: 0 0 25px
- Text Link – • / • Color: #52a8ff
- Text Rollover – • / • Color: #ffc700
Site Color Values
|
#524e86 |
|
#4a3795 |
|
#ffc700 |
|
#52a8ff |