DOMUS / AGENT TEMPLATE

Design System

A practical guide to the existing real estate identity, its reusable elements, and responsive foundations.

A confident property experience

Use architectural photography, generous space, high contrast and a restrained orange accent. Keep the real estate voice clear, reassuring and personal.

Color & surfaces

Brand Navy

Brand Teal

Accent Orange

White

Homepage gradient: 104° linear, from #0E162A at 0% to #265160 at 100%. The final stop matches Brand Teal; the starting navy is slightly darker than Brand Navy (#0F172B).

Typography

Big Caslon CC / headings

Geist / body copy, labels and interface text

Layout & spacing

Desktop: 120 px side margins, 80 px section padding, 56 px between major groups. Cards commonly use 24 px corners. At smaller sizes, stack cards and reduce spacing while preserving readable content.

Reusable components

Use Navbar and Footer for shared site chrome. Reuse Service Card, Service Card 2, Review Card, Stats Card, Steps and Book a Call Button. Keep service cards separate: their link behavior differs. Choose a button by its role and states.

Agent guidance

Build from the homepage’s visual language. Preserve existing copy and links. Use existing styles and components before creating new ones. Keep testimonials, services and FAQs editable without a CMS unless a buyer has a clear content-management need.

Component library

Sell Your House

Get the best value when you sell your house with our experts.

Effortless Sales with Exceptional Sales Service

Selling my house with Domus was effortless. Their team’s professionalism, creativity, and personal touch made the entire process smooth and enjoyable. I couldn’t have asked for better service. Highly recommended!

Emma Janssen

March 2025

1200+

Homes Sold

Question

Question

Answer

Process component

01

Personal Consultation

a staircase with a glass railing

Consultation

We begin by understanding your goals and property needs, offering tailored advice that sets a clear direction for your selling or buying journey.

Contact form

Buyer setup: The homepage contact form has no submission destination configured. In the homepage form settings, connect your preferred destination and verify delivery with a test submission before launching. The form example below is a separate copy and needs its own destination if used.

Footer

Authentic testimonials and experiences from clients who placed their trust in us throughout their complete home journey.

© Domus Real Estate

Create a free website with Framer, the website builder loved by startups, designers and agencies.