Style Guide
How To | Style Guide | Content Styles | Accessibility Tips | Page Blocks
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
- 800 x 300px
- Page Hero
- Image Block
- Card Block
- Gallery Block
- Gallery Block: Card
- Tour Hero
- 800 x 450px JPG
- Location Hero
- Location Hero Gallery
- 150 x 150px
- Location Thumbnail
- 800 x 200px
- Location Map Card (note these are also output in tours)
Font Specifics
- H1 – Proxima Nova, 700 • 35px/45px • Color: #333 • Margin: 0 0 25px
- H2 – Proxima Nova, 700 • 28px/38px • Color: #333 • Margin: 0 0 25px
- H3 – Proxima Nova, 600 • 26px/36px • Color: #333 • Margin: 0 0 15px
- H4 – Proxima Nova, 400, ALL CAPS • 18px/28px • Color: #333 • Letter-Spacing: 2px • Margin: 0 0 15px
- H5 – Proxima Nova, 400 • 22px/32px • Color: #333 • Margin: 0 0 15px
- H6 – Proxima Nova, 600 • 16px/26px • Color: #333 • Margin: 0 0 15px
- Paragraph – Proxima Nova, 400 • 18px/24px • Color: #666 • Margin: 0 0 20px
- Body Links – • / • Color: #0171ac
- Body Links Hover – • / • Underline
- Alt Links – • / • Color: #0199eb
- Alt Links Hover – • / • Underline
Site Color Values
| #F5F2EB – Background color | |
| #42472A – Text color | |
| #006152 – Header/Nav and main link colo | |
| #DFE27F – Button color, links over green | |
| #FFFFFF – Card and overlay bkgds, UI | |
| #0199eb | |
| #DC6938 – Map pins/text, favorite stars | |
| #F5F5F5 – UI highlight color |
