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
- Call-to-Action: Interruptor: 470 × Any Height
- Column: Any Width x 293 (jpg)
- Gallery: 2 Count: 1000 x 440 (jpg)
- Gallery: 3 Count: 1000 x 670 (jpg)
- Gallery: 4 Count: 800 x 800 (jpg)
- Hero: Home – Background: 1920 × 750 (jpg)
- Hero: Home – Focus: 845 × 750 (png)
- Icon: 94 x Any Height (png / svg)
- Logo: 200 x 75 (png)
- Product Detail: Crousel Image: 593 x 633 (jpg)
- Text / Image: Multi – Small: 235 x 280 (jpg)
- Text / Image: Multi – Large: 385 x 575 (jpg)
- Text / Image: Single: 595 x 595 (jpg)
Font Specifics
- H1 – Ringold (Sans), 400, ALL CAPS • 45/50px • Color: Deep Red • Margin: 0 0 20px
- H1 Tablet – 55/60px
- H1 Desktop – 88/92px
- H2 – Ringold (Sans), 400, ALL CAPS • 35/40px • Color: Deep Red • Margin: 0 0 20px
- H2 Tablet – 40/45px
- H2 Desktop – 50/55px
- H3 – Ringold (Sans), 400, ALL CAPS • 30/40px • Color: Deep Red • Margin: 0 0 20px
- H3 Desktop – 35/45px
- H4 – Ringold (Sans), 400, ALL CAPS • 28/34px • Color: Deep Red • Margin: 0 0 20px
- H5 – Ringold (Sans), 400, ALL CAPS • 22/28px • Color: Deep Red • Letter-Spacing: 1px • Margin: 0 0 20px
- H6 – Ringold (Sans), 400, ALL CAPS • 18/28px • Color: Deep Red • Margin: 0 0 20px
- Paragraph Text – Sofia Pro, 400 • 16/30px • Color: Black • Margin: 0 0 15px
- Paragraph Text Desktop – 18/30px • Margin: 0 0 20px
- Intro Text – 600, 22/30px
- Pre-Title – Sofia Pro, 600 ALL CAPS • 18/25px • Color: Black • Letter-Spacing: 2px • Margin: 0 0 20px
Site Color Values
| Black – #000000 | |
| Charcoal – #3C1116 | |
| Deeper Red – #640718 | |
| Deep Red – #782434 | |
| Red – #e63e30 | |
| Orange – #e67200 | |
| Gold – #f1c400 | |
| White – #ffffff | |
| Blue – #191998 | |
| Light Blue – #00A4EB |