Theme Presets

Your site's theme controls its overall look and feel—colors, typography, and visual style. Choose a preset that matches your brand and audience.

Available Presets

Luxury

Best for: High-end properties, luxury agents

Visual style:

• Dark, sophisticated color palette
• Rich blacks and deep grays
• Gold or champagne accent colors
• Elegant typography

Mood: Exclusive, refined, premium

Works well with:

• High-end property photography
• Minimalist branding
• High-net-worth clientele

---

Modern

Best for: Contemporary agents, newer construction

Visual style:

• Clean, minimal design
• Crisp whites with bold accents
• Simple geometric shapes
• Sans-serif typography

Mood: Fresh, current, professional

Works well with:

• Modern architecture photography
• Bold, graphic logos
• Tech-savvy buyers

---

Coastal

Best for: Waterfront properties, beach communities

Visual style:

• Light, airy color palette
• Ocean blues and sandy neutrals
• Natural textures and warmth
• Relaxed typography

Mood: Breezy, welcoming, relaxed

Works well with:

• Beach and water photography
• Lifestyle-focused branding
• Vacation and second-home buyers

---

Classic

Best for: Traditional markets, established agents

Visual style:

• Timeless, traditional palette
• Navy, burgundy, or forest green accents
• Warm neutrals
• Serif or classic typography

Mood: Trustworthy, established, enduring

Works well with:

• Classic architecture
• Traditional branding
• Multi-generational clients

Choosing Your Theme

Consider Your Brand

• What colors are in your logo?
• What's your brokerage's style?
• What impression do you want to make?

Consider Your Market

Consider Your Photos

Your theme should complement your listing photography:

• Dark themes make bright photos pop
• Light themes need high-quality, well-lit photos
• Match the mood of typical properties

Applying a Theme

Step 1: Preview Themes

1. Go to Settings → Branding
2. Find the Theme section
3. Click each preset to preview

Step 2: Select Your Theme

1. Click on your preferred theme
2. The preview updates immediately
3. Review how your content looks

Step 3: Save

1. Click Save to apply the theme
2. Visit your public site to verify

Customizing Colors

Want to match your exact brand colors? You can customize any theme.

Override Primary Color

1. Select a theme preset
2. Click Customize
3. Enter your primary brand color (hex code)
4. Preview the changes
5. Click Save

Color Tips

Primary color is used for:

• Buttons
• Links
• Accents and highlights
• Active states

Choose a color that:

• Has good contrast with backgrounds
• Is readable as button text
• Matches your brand

Example hex codes:

• Navy: #1a365d
• Gold: #b8860b
• Teal: #0d9488
• Burgundy: #7c2d12

Light and Dark Modes

Your site can automatically adjust for visitors' device preferences.

How It Works

• Visitors with "dark mode" enabled see dark backgrounds
• Visitors with "light mode" see light backgrounds
• Your theme adapts automatically

What You Can Control

Each theme preset has both light and dark versions built in. Your customizations can apply to:

• Light mode only
• Dark mode only
• Both modes

Testing Both Modes

1. Make your theme selection
2. On your site, toggle dark mode in your browser/device settings
3. Verify your content looks good in both modes

Theme and Branding Together

Your theme works with your branding settings:

For the best results:

• Choose a theme that complements your logo colors
• Ensure your logo works on both light and dark backgrounds
• Match the mood of your theme to your personal brand

Troubleshooting

Colors look wrong

• Verify your hex code is valid (e.g., #ffffff not ffffff)
• Check both light and dark modes
• Clear your browser cache

Logo hard to see

• Upload separate light/dark mode logos
• Ensure sufficient contrast
• Consider a version with a subtle background

Theme not applying

• Make sure you clicked Save
• Refresh your public site
• Try a hard refresh (Ctrl/Cmd + Shift + R)

Text hard to read

• Check contrast between text and background
• Avoid very light or very bright primary colors
• Stick to preset colors if unsure