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