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
- Homepage Hero Image: 1400px × 860px
- Featured Collection Image: 600px × 690px
- Sidebar Image: 600px × Any
- Sidebar Video: 600px × 340px (recommended)
- Page Block Image: 600px × 400px
- 2 Col Page Block Image: 600px × 400px
- Interior Header Image: 1400px × 300px
- Full Width Page Block Background Image: 1400px × 500px
- 3 Col Page Block Image: 600px × 360px
- Blog Featured Image: 750px × 500px
- Collection Listing Image: 600px × 360px
- Product Listing Image: 600px × 360px
- Product Collection Gallery Image: 1400px × 500px
- Product Detail Gallery Image: 650px × 380px
Font Specifics
- H1 - Proxima Nova, 400 • 56px/56px • Color: #231f20 • Letter-Spacing: -.02 em • Margin: 0 0 35px 0
- H2 - Proxima Nova, 400 • 33px/38px • Color: #231f20 • Margin: 10px 0 15px 0
- H3 - Proxima Nova, 600 • 26px/30px • Color: #231f20 • Margin: 10px 0 15px 0
- H4 - Proxima Nova, 300 • 30px/40px • Color: #636466 • Margin: 0 0 30px 0
- H5 - Proxima Nova, 600 • 22px/25px • Color: #231f20 • Margin: 10px 0 15px 0
- H6 - Proxima Nova, 700, ALL CAPS • 16px/18px • Color: #231f20 • Letter-Spacing: .1 em • Margin: 10px 0 15px 0
- Paragraph - Georgia, 400 • 16px/30px • Color: #414042 • Margin: 0 0 30px 0
- Block Quote - Proxima Nova, 400, ALL CAPS • 16px/36px • Color: #414042 • Letter-Spacing: .1em • Margin: 20px 0 40px 50px
- Block Quote Author - Georgia, 400, Italic • 14px/36px • Color: #939598 • Letter-Spacing: .05em • Margin: 20px 0 40px 50px
- Sub Nav Level 1 - Proxima Nova, 600, ALL CAPS • 14px/18px • Color: #808285 • Letter-Spacing: .1em • Margin: 0 0 25px 0
- Sub Nav Level 2 - Proxima Nova, 600 • 14px/16px • Color: #808285 • Margin: 0 0 20px 20px
- Video / Image Caption - Proxima Nova, 400 • 14px/18px • Color: #414042
- Open Content Paragraph - Georgia, 400 • 15px/26px • Color: #414042 • Margin: 0 0 15px 0
- Text Link Style - Proxima Nova, 600, ALL CAPS • 16px/21px • Color: #a13229 • Letter-Spacing: .1em
- Page Block Sub Header - Georgia, 400, ALL CAPS • 16px/24px • Color: #414042 • Letter-Spacing: .1em
- Page Block Title - Proxima Nova, 400 • 44px/46px • Color: #231f20
- Page Block 3-Col Title - Proxima Nova, 600 • 24px/26px • Color: #231f20 • Margin: 0 0 10px 0
- Page Block 3-Col Paragraph - Georgia, 400 • 15px/28px • Color: #414042 • Margin: 0 0 10px 0
- 2-Col Page Block Title - Proxima Nova, 600, ALL CAPS • 24px/26px • Color: #231f20 • Letter-Spacing: .1em
- Link Style - , 700 • / • Color: #a13229
Site Color Values