Styleguide

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 Slideshow/Hero: New hero images are at least 380 px high by at least 1200 px wide.
• Home Features: 600px × 600px
• Featured Product Thumbnail: 400px × 400px
• Page Block Images: 600px × Any Height (400px recommended)
• Page Block Video Thumbnails: 600px × 400px
• Header Image: 1410 × 535
• Sidebar Images: 600px × Any Height
• Sidebar Video Thumbnails: 600px × 400px
• Blog Post Thumbnails: 800px × 525px
• Blog images are listed in the style guide: 800×525. This size will keep any part of the image from getting cropped off when it is designated as a featured image. For other images, they can be 800px by any height to be full width in the copy area or >300px by any height if they want to float the images right or left.

Font Specifics

• H1 – Open Sans, Bold • 60px/60px • Color: #003660 • Margin: 0 0 30px
• H2 – Open Sans • 36px/45px • Color: #36373a • Margin: 0 0 20px
• H3 – Open Sans, 700, ALL CAPS • 24px/24px • Color: #36373a • Letter-Spacing: .05 em • Margin: 0 0 10px
• H4 – Open Sans, 400 • 30px/45px • Color: #36373a • Margin: 0 0 30px
• H5 – Open Sans, Bold • 18px/25px • Color: #36373a • Margin: 0 0 15px
• H6 – Open Sans, Bold • 16px/32px • Color: #36373a • Letter-Spacing: 0.2em • Margin: 0 0 15px
• Paragraph – Lucida Grande, 400 • 16px/30px • Color: #5b5d62 • Margin: 0 0 30px
• Text Links – • / • Color: #a9cc27
• Rollover Link Color – • / • Color: #e88830

Site Color Values