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 Slideshow: 1400px (min) × 600px
- Homepage Slideshow Thumbnail: 140px × 92px
- Homepage Blue Blocks: 600 (rec) × 483 (rec)
- News/Events Post Thumbnail: 80px × Any
- Sidebar Image: 700px (rec) × Any
- Sidebar Video Thumbnail: 450px (rec) x Any
- Interior Hero Image: 1400px (min) × 315px
- Our Products Landing Page Image: 600 x 465
- Product Thumbnail Image: 375px x 300px
- Product Image: 600px x 600px
Font Specifics
- H1 - Franklin Gothic URW Condensed, 700 • 45px/50px • Color: #4d585c • Margin: 0 0 24px 0
- H2 - Franklin Gothic URW Condensed, 700 • 32px/38px • Color: #4d585c • Margin: 10px 0
- H3 - Franklin Gothic URW Condensed, 700 • 28px/34px • Color: #4d585c • Margin: 0 0 10px 0
- H4 - Franklin Gothic URW, 400, Italic • 23px/38px • Color: #7a7a7a • Letter-Spacing: +10 • Margin: 0 0 20px 0
- H5 - Franklin Gothic URW Condensed, 700, ALL CAPS • 24px/28px • Color: #4d585c • Margin: 10px 0
- H6 - Franklin Gothic Condensed, 500 • 18px/22px • Color: #808b8f • Margin: 10px 0 13px 0
- Paragraph Text - Verdana, 400 • 15px/28px • Color: #545454 • Margin: 0 0 13px 0
- Link Text - • / • Color: #29b1de
- Block Quote Text - Franklin Gothic URW Condensed, 400, Italic • 23px/35px • Color: #808b8f
- Sidebar Open Content Paragraph Text - Verdana, 400 • 13px/24px • Color: #808b8f • Margin: 0 0 10px 0
- Sidebar Caption Text - Franklin Gothic URW Condensed, 500 • 16px/16px • Color: #808b8f
Site Color Values
|
#2cc8fc
|
|
#ffffff
|
|
#f8f8f8
|
|
#ececec
|
|
#808b8f
|
|
#4d585c
|