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 BG Image (try to put focal point as close to center horiz and vert as possible): 1800px × 1200px
- Video Embed Overlays (aka “poster”): 1200px × 675px
- Product Photos (within card modules): 900px × 600px
- Select Product Photos (with dropped shadow, on white bg): 900px × 900px
- People Portraits (testimonials): 900px × 900px
- Horizontal Images (general purpose, featured image, etc.): 900px × 600px
- 50/50 Full-Width Edge-to-edge BG Image: 1800px × 1200px
- Footer CTA BG Image: 1800px × 1200px
Font Specifics
- Paragraph – Arial, Helvetica, sans-serif, 400 • 22px/1.5 • Color: #58595b • Margin: 0 0 25px
- H1 – Arial, Helvetica, sans-serif, 600 • 55px/1.1 • Color: #000000 • Margin: 0 0 20px
- H2 – Arial, Helvetica, sans-serif, 600 • 35px/1.2 • Color: #000000 • Margin: 0 0 15px
- H3 – Arial, Helvetica, sans-serif, 600 • 27px/1.3 • Color: #000000 • Margin: 0 0 15px
- H4 – Arial, Helvetica, sans-serif, 600 • 20px/1.3 • Color: #000000 • Margin: 0 0 15px
- H5 – Arial, Helvetica, sans-serif, 600, ALL CAPS • 16px/1.5 • Color: #000000 • Letter-Spacing: .5px • Margin: 0 0 15px
- H6 – Arial, Helvetica, sans-serif, 600 • 16px/1.6 • Color: #000000 • Letter-Spacing: .5px • Margin: 0 0 20px
- Eyebrow Paragraph – Arial, Helvetica, sans-serif, 600, ALL CAPS • 12px/1 • Color: #000000 • Letter-Spacing: 2px • Margin: 0 0 25px
- Intro Paragraph – Arial, Helvetica, sans-serif, 400 • 22px/1.5 • Color: #58595b • Margin: 0 0 25px
- Blockquote Paragraph – Arial, Helvetica, sans-serif, 400, Italic • 22px/1.5 • Color: #000000 • Margin: 0 0 25px
Site Color Values
|
#61398b |
|
|
#eaaa00 |
|
|
#007a33 |
|
|
#62b5e5 |
|
|
#041e42 |
|
|
#000000 |
|
|
#ffffff |
|
|
#f4f4f4 |