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
- Header/Hero Images: 1400 × 700px
- Product Images: 600 × 400px
- Bio Headshot: 600 × 700px
- Blog Post Featured Image: 750 × 500px
- Directory Profile Image: 150 × 150px
- Badge: 75 × 75px
- Page Block & Sidebar Video Thumbs: 600 × 400px
- Page Block Image: 600px × Any Height
- Sidebar Images: 600px × Any Height
Font Specifics
- H1 - Spinoza Pro , 700 • 50/56px • Color: #2A2726 • Margin: 0 0 15px
- H1 Tablet - • 44/50px
- H1 Mobile - • 30/34px • Color: #2A2726
- H2 - Spinoza Pro , 700 • 34/38px • Color: #2A2726 • Margin: 12px 0 8px
- H2 Mobile - • 26/30px • Color: #2A2726
- H3 - Spinoza Pro , 700 • 24/30px • Color: #2A2726 • Margin: 12px 0 8px
- H4 - Spinoza Pro , 400 • 26/36px • Color: #2A2726 • Margin: 0 0 18px
- H4 Mobile - • 24/32px • Color: #2A2726
- H5 - Spinoza Pro , 700, Italic • 18/20px • Color: #2A2726 • Margin: 0 0 8px
- H6 - Verdana, 700 • 12/15px • Color: #2A2726 • Margin: 0 0 8px
- Paragraph Text - Verdana, 400 • 16/27px • Color: #2A2726 • Margin: 0 0 15px
- Paragraph Sidebar Text - • 14/22px • Color: #2A2726 • Margin: 0 0 12px
- Link Text - • / • Color: #CC990E
- Rollover Link Color - • / • Color: #E5A800
- Header/Footer Gold - • / • Color: #D9A20F
- UL & OL - • / • Margin: 5px 0 5px
- LI's - • 14/22px • Margin: 0 0 15px
Site Color Values
#2A2726 |
|
#A89C97 |
|
#CC990E |
|
#F4F4F4 |
|
#FFFFFF |