Skip to content
English
Submit a Ticket
  • There are no suggestions because the search field is empty.

Design Editor: Customize Your Real Geeks Website Template and Colors

Update your template and adjust colors across your site.

Your website includes a built-in design editor that lets you adjust the layout of your site, choose preset color variations, and update individual color styles to match your branding. This guide explains how to get to the design editor, how to switch layouts, and how to personalize your website using available color tools.

Table of Contents


Access the Design Editor

To update the design of your website, begin by opening your website’s back end.

Steps

  1. Open your website editor by adding /admin to the end of your website address (e.g. www.website.com/admin)
  2. Click Edit Design from the left-hand menu.

edit-design-location

This opens all layout and color tools available for your site.

Back to top


Change Your Website Layout

This section explains how to adjust the overall layout of your website. You can choose from five SEO-optimized designs that support fast home searches and clear lead-capture paths.

Steps

  1. From the design editor, select Designs.
  2. Choose one of the five available layouts.
  3. Click Save to apply your changes.

template-designs

Template Descriptions

Anna

anna-template-example

A clean, traditional real estate layout with simple navigation and familiar structure. Ideal for agents who want a classic, easy-to-use design that keeps the focus on home search and listings.


Anna Modern

anna-modern-template-example

A refreshed version of Anna with more modern spacing, cleaner lines, and updated styling. Great for agents who want a contemporary look while keeping a familiar layout.


Miranda

miranda-template-example

A balanced, content-friendly design with strong search placement and flexible sections. Perfect for highlighting market information, neighborhoods, and listing updates in a visually organized way.


Miranda Thin

miranda-thin-template-example

A streamlined variation of Miranda with slimmer layout elements and more open spacing. Ideal for agents who want a minimalist, clean presentation without sacrificing functionality.


Molly

molly-template-example

A bold, visually dynamic layout with larger design blocks and more stylized elements. Great for agents who want a standout design while still supporting fast home searches.

What to Expect

  • Each layout changes the structure, spacing, and placement of your main website areas.
  • Switching layouts does not remove any pages or content.
  • All layouts are optimized for search visibility and visitor engagement 

Back to top


Choose Color Variations

Color variations are preset themes that update the main colors across your website. These variations change highlights, menus, buttons, and other shared design elements throughout your pages.

Steps

  1. Open the Color Variations section in the design editor.
  2. Select the color variation that best matches your preferred style.
  3. Save your changes.

color-variations

How Color Variations Differ by Layout

  • Anna and Anna Modern use brokerage-based presets designed to mimic common brokerage branding.
    • If your exact logo colors are not shown, choose the closest match. You can refine your colors further using advanced options.
  • Miranda, Miranda Thin, and Molly include a wider variety of preset color themes, offering more noticeable design changes across the site.

Back to top


Advanced Options: Adjust More of Your Website Colors

Advanced color options allow you to update specific elements across your site for more precise branding. Use this section if you need exact colors or want detailed control over individual areas.

Steps

  1. In the design editor, open Additional Advanced Color Options.

    design-advanced-options
  2. Adjust individual elements such as:
    • Buttons
    • Menu accents
    • Text highlights
    • Background sections
    • Search bar colors
  3. Save your updates.

Differences in Advanced Color Controls

  • Anna and Anna Modern provide simplified palette tools for adjusting essential color elements.
  • Miranda, Miranda Thin, and Molly offer more detailed customization across a wider set of site elements, allowing for deeper personalization.

    edit-design-advanced-options-miranda

Back to top


Best Practices

  • Keep your color palette consistent across buttons, links, and headings.
  • Avoid overly dark or neon combinations that reduce readability.
  • Review your homepage after layout changes to ensure spacing appears as expected.
  • Revisit design settings periodically as your branding evolves. 

Back to top

 


Frequently Asked Questions

Does switching layouts delete my pages or content?
No. Layout changes only affect design and structure.

Do all layouts offer the same color tools?
No. Some offer more variation and more detailed customization.

Can I match my exact brand colors?
Yes. You can use Advanced Options to enter your brand hex color to get the exact shade.

Do layout changes affect SEO?
All Real Geeks layouts are SEO-optimized.

Back to top


Need Help?

Back to top