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