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 Slideshow Image: 1600px (min) × 720px
- Interior Hero Image: 1600px (min) × 265px
- Sidebar Image: 700px (recommended) × Any
- Sidebar Testimonial: 76px (min) × 76px (min)
- Bio Detail Image: 700px (recommended) × Any
- Bio Landing Page 3 Across: 700px (recommended) × 600px (recommended)
- Rental Property Page - Results Property Images: 700px (recommended) × 510px (recommended)
- "Similar Rental Property" Images: 700px (recommended) × 510px (recommended)
- Property Detail Large Property Image: 750px × Any
Font Specifics
- H1 - Abril Text, 700 • 35px/50px • Color: #1e1e1e • Margin: 0 0 15px
- H2 - Abril Text, 700 • 25px/35px • Color: #1e1e1e • Margin: 6px 0 20px
- H3 - Abril Text, 700 • 20px/28px • Color: #1e1e1e • Margin: 6px 0 8px
- H4 - Abril Text, 400 • 20px/29px • Color: #333333 • Margin: 0 0 18px
- H5 - Abril Text, 700, ALL CAPS • 16px/20px • Color: #1e1e1e • Margin: 0 8px
- H6 - Verdana, 700, ALL CAPS • 11px/13px • Color: #333333 • Margin: 0 0 13px
- Paragraph Text - Verdana, 400 • 15px/25px • Color: #333333 • Margin: 0 0 15px
- Link Text - Verdana, 700 • / • Color: #2f5ba0
- Link Text Rollover - Verdana, 700 • / • Color: #2f5ba0
- Open Content Header Text - Abril Text, 700 • 18px/24px • Color: #1e1e1e • Margin: 0 0 30px
- Open Content Paragraph Text - Verdana, 400 • 14px/22px • Color: #333333 • Letter-Spacing: 0 0 15px
- Sidebar Captions & Text (on blue) - Abril Text, 400, Italic • 16px/24px • Color: #ffffff
- Subnav Text - Verdana, 400 • 13px/18px • Color: #1e1e1e • Margin: 0 0 20px
- Subnav Second Level - Verdana, 400, Italic • 11px/15px • Color: #1e1e1e • Margin: 0 0 10px
- Subnav Active & Rollover - Verdana, 700 • / • Color: #72bd2e
- Footer Link Text - • / • Color: #ffffff
- Footer Link Rollover - • / • Color: #ffffff
- Sidebar Caption/Testimonial Links - • / • Color: #72bd2e
- Sidebar Caption/Testimonial Link Rollover - • / • Color: #72bd2e
Site Color Values
|
#2f5ba0
|
|
#8ad646
|
|
#3799ae
|
|
#f37f00
|
|
#7865b0
|
|
#97b5e5
|
|
#e8e8e8
|
|
#1e1e1e
|