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/Slideshow: 1600px × 675px
- Properties Thumbnail: 600px × 860px
- Welcome Text BKG: 1600px × 700px
- 2 Column page blocks: 650px × 410px
- 1 Column page block (Video) block: 1140px x any
- Interior Header: 1600px × 405px
- Blog Featured Image: 800px x 534px
Font Specifics
- H1 – Photo Header – Playfair Display, 400, Italic • 45px/60px • Color: #ffffff • Margin: 0 0 25px
- H1 – No header – Playfair Display, 400, Italic • 45px/60px • Color: #1c3058 • Margin: 0 0 25px
- Mobile H1 – Playfair Display, 400 • 30px/40px • Color: #382f2d • Letter-Spacing: 0 0 15px
- H2 – Oxygen, 300 • 40px/55px • Color: #6d6d6d • Margin: 0 0 15px
- Mobile H2 – Oxygen, 300 • 30px/40px • Color: #6d6d6d • Margin: 0 0 15px
- H3 – Playfair Display, 400 • 30px/40px • Color: #333333 • Margin: 0 0 15px
- Mobile H3 – Playfair Display, 400 • 25px/35px • Color: #333333 • Margin: 0 0 15px
- H4 – Oxygen, 300 • 25px/35px • Color: #898989 • Margin: 0 0 15px
- Mobile H4 – Oxygen • 20px/30px • Color: #898989 • Margin: 0 0 15px
- H5 – Playfair Display, 400, ALL CAPS, Italic • 20px/25px • Color: #1c3058 • Margin: 0 0 5px
- H6 – Oxygen, 300 • 12px/14px • Color: #555555 • Margin: 0 0 5px
- Paragraphs – Arial, 400 • 16px/25px • Color: #000 • Margin: 0 0 25px
- Text Links – • / • Color: #c19750
- Link rollover – • / • Color: #c19750
Site Color Values
|
#1c3058 |
|
#dfe0e2 |
|
#8a8888 |
|
#c19750 |