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
- Brewery Logo: 200 × 200px
- Product Thumbnail: 200 × 250px
- Product Detail Image: 600 × 750px
- Event Thumbnail: 285 × 285px
- Hand Homepage Hero: 1800 × 540px
- Location Headers: 1800 × 540px
- Sidebar Images: 600px × Varying Height
- Sidebar Video Thumb: 600 × 400px (recommended)
- Gallery Thumbnails: × Auto Created by FLICKR
- Blog Header/Full Images: 820px × Varying Height
- Bio Headshot: 600 × 600px
Font Specifics
- H1 - Adelle, 700 • 44/48px • Color: #333333 • Margin: 0 0 15px
- H1 Mobile - • 30/34px
- H2 - Adelle, 700 • 28/32px • Color: #333333 • Margin: 12px 0 8px
- H2 Mobile - • 24/28px
- H3 - Adelle, 700 • 20/24px • Color: #333333 • Margin: 12px 0 8px
- H4 - Verdana, 400 • 20/32px • Color: #595959 • Margin: 0 0 18px
- H5 - Verdana, Bold, ALL CAPS • 15/20px • Color: #333333 • Margin: 12px 0 8px
- H6 - Verdana, Bold, ALL CAPS • 11/18px • Color: #333333 • Margin: 0 0 11px
- Paragraph Text - Verdana • 17/28px • Color: #595959 • Margin: 0 0 15px
- UL - • / • Margin: 6px 0 20px
- LI's - • 15/22px • Margin: 0 0 10px
- Block Quote Text - Adelle, 400 • 17/25px • Color: #595959 • Margin: 0 0 15px
- Link Text - • / • Color: #ba8e41
- Link Rollover - • / • Color: #D4B174
- Sidebar Paragraph Text - • 14/22px • Margin: 0 0 12px
- Sidebar IMG+Video Caption & Map Text - • 13/20px
- Sidebar Gallery Title - Same as H5 • /
Site Color Values
|
#333333
|
|
#595959
|
|
#BA8E41
|
|
#D3A860
|
|
#FFFFFF
|
|
#F2F2F2
|
|
#E6E6E6
|
|
#B2B2B2
|