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
- Hero Image: 1600px × 750px
- Full Container Tabs: 1370px × 570px
- Featured Event or News Image: 600px × 350px
- Newsletter BG Image: 1600px × 280px
- Header Image: 1600px × 500px
- Sidebar Image: 600px × Any
- Sidebar Video: 600px × 350px
- Page Block 50/50 Image or Video Preview: 685px × 500px
- Full Width Background Block: 1600px × 600px
- 2 or 3 Col Image Block: 670px × 400px
- Bio headshots: 600px x 600px
Font Specifics
- H1 – Flama, 400 • 56px/60px • Color: #1f1d1d • Margin: 0 0 30px 0
- H2 – Flama, 400 • 44px/52px • Color: #1f1d1d • Margin: 0 0 15px 0
- H3 – Flama, 400 • 36px/40px • Color: #1f1d1d • Margin: 0 0 15px 0
- H4 – Flama, 400 • 30px/40px • Color: #58595b • Margin: 0 0 30px 0
- H5 – Flama, 500, ALL CAPS • 24px/28px • Color: #1f1d1d • Letter-Spacing: .15 em • Margin: 0 0 15px 0
- H6 – Flama, 500, ALL CAPS • 17px/24px • Color: #1f1d1d • Letter-Spacing: .15 em • Margin: 0 0 15px 0
- Paragraph – Chronicle, 400 • 17px/32px • Color: #303030 • Margin: 0 0 35px 0
- UL – Chronicle, 400 • 15px/30px • Color: #303030 • Margin: 0 0 10px 0
- Block Quote – Flama, 400, Italic • 26px/40px • Color: #215732 • Margin: 15px 0 50px 80px
- Image / Video Caption – Flama, 400, Italic • 16px/24px • Color: #ffffff
- Open Content Paragraph – Chronicle, 400 • 15px/30px • Color: #303030 • Margin: 0 0 30px 0
- Sub Nav – Flama, 500 • 14px/20px • Color: #ffffff
- Sub Sub Nav – Flama, 500, ALL CAPS • 14px/20px • Color: #215732 • Letter-Spacing: .15 em • Margin: 0 0 25px 0
- Link Color – • / • Color: #e87722
Site Color Values
| #215732 | |
| #E87722 | |
| #008EA6 | |
| #B7BF10 | |
| #f0eded |