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

• Home Hero Image: 1600px × 640px
• 50/50 Page Block: 750px × 600px
• Fullwidth Page Block Background: 1600px × 600px
• Interior Header Image: 1600px × 500px
• 3 Column Background Image: 500px × 525px
• 3 Column Image: 500px × 334px
• Gallery Page Block: 1400px × 700px
• Business Detail Image: 750px × 500px
• Violator Circle PNG: 125px × 125px
• Business Logo: 200px × Any

Font Specifics

• Header 1 Desktop – GT Walsheim, Bold • 52px/49px • Color: #FFFFFF • Margin: 0, 0, 30px, 0
• Header 1 Mobile/Tablet – GT Walsheim, Bold • 35px/37px • Color: #FFFFFF • Margin: 0, 0, 15px, 0
• Header 2 Desktop – GT Walsheim, Bold • 39px/44px • Color: #585858 • Margin: 0, 0, 15px, 0
• Header 2 Mobile/ Tablet – GT Walsheim, Bold • 26px/31p • Color: #585858 • Margin: 0, 0, 15px, 0
• Header 3 Desktop – GT Walsheim, Bold • 32px/39px • Color: #777777 • Margin: 0, 0, 15px, 0
• Header 3 Mobile/Tablet – GT Walsheim, Bold • 24px/32px • Color: #777777 • Margin: 0, 0, 15px, 0
• Header 4 Desktop – GT Walsheim, 400, ALL CAPS • 22px/29px • Color: #585858 • Letter-Spacing: 2px • Margin: 0, 0, 15px, 0
• Header 4 Mobile/Tablet – GT Walsheim, 400, ALL CAPS • 18px/25px • Color: #585858 • Letter-Spacing: 1.5px • Margin: 0, 0, 15px, 0
• Header 5 Desktop – GT Walsheim, Bold • 18px/33px • Color: #777777 • Margin: 0, 0, 15px, 0
• Header 5 Mobile/Tablet – GT Walsheim, Bold • 18px/28px • Color: #777777 • Margin: 0, 0, 8px, 0
• Header 6 Desktop – GT Walsheim, 400, ALL CAPS • 20px/31px • Color: #FFB81C • Letter-Spacing: 3.5px • Margin: 0, 0, 15px, 0
• Header 6 Mobile/Tablet – GT Walsheim, 400, ALL CAPS • 15px/25px • Color: #FFB81C • Letter-Spacing: 3px • Margin: 0, 0,12px, 0
• Intro Style 1 Desktop – GT Walsheim, Bold • 30px/38px • Color: #00A9E0 • Margin: 0, 0, 20px, 0
• Intro Style 1 Mobile/Tablet – GT Walsheim, Bold • 21px/29px • Color: #00A9E0 • Margin: 0, 0, 20px, 0
• Intro Style 2 Desktop – GT Walsheim, 400 • 31px/44px • Color: #888B8D • Margin: 0, 0, 30px, 0
• Intro Style 2 Mobile/Tablet – GT Walsheim, 400 • 21px/33px • Color: #888B8D • Margin: 0, 0, 20px, 0
• Paragraph Desktop – GT Walsheim, 400 • 21px/36px • Color: #656565 • Margin: 0, 0, 45px, 0
• Paragraph Mobile/Tablet – GT Walsheim, 400 • 18px/30px • Color: #656565 • Margin: 0, 0, 40px, 0

Site Color Values