Real estate landing page
A complete property portal — search hero, featured listings, agents, neighbourhoods, CTA, footer — every card and filter drawn from tokens. Recolour the whole brand live.
Every colour, space, radius and shadow below is an FDS token — 38 distinct, 0 off-system.
Brand colours
✓ All WCAG AA pairs pass
Featured properties
A curated selection of standout listings, checked and ready for viewing.
Find the property type for you
Whatever your stage of life, there's a home shape that suits it.
Home hunting, made simple
From the first search to signing the papers, we stay beside you at every step so nothing catches you off guard.
Top agents near you
Seasoned local experts ready to help you find — or sell — the right home.
Homes by neighbourhood
Discover the cities and districts where our buyers are settling right now.
Loved by homeowners
Genuine words from people who found their place through Havenly.
“The whole process felt calm and clear. I never once wondered what was happening next — they kept me in the loop the entire way.”
“My agent understood exactly what I needed after one conversation. We toured three homes and I fell for the second one.”
“As a first-time buyer I expected stress. Instead I got patient answers and a fair deal on a place I adore.”
Ready to find your next home?
Talk to an agent and get tailored recommendations, or book a viewing for a property you've already got your eye on.
Every example is scanned
Like the dashboard, each screen's stylesheet is checked against the package registry at build time — the same array of tokens the package exports. An off-system value would surface as a failure on the page rather than drift silently, so the gallery cannot fall out of sync with the system it advertises.
Tokens on this screen
--fx-color-bg--fx-color-border--fx-color-border-strong--fx-color-focus-ring--fx-color-on-primary--fx-color-on-secondary--fx-color-on-warning--fx-color-primary--fx-color-primary-hover--fx-color-secondary--fx-color-surface--fx-color-surface-alt--fx-color-text--fx-color-text-muted--fx-color-warning--fx-font-family-base--fx-font-family-heading--fx-radius-2xl--fx-radius-full--fx-radius-lg--fx-radius-md--fx-radius-sm--fx-radius-xl--fx-shadow-lg--fx-shadow-md--fx-shadow-sm--fx-shadow-xl--fx-size-container-lg--fx-space-1--fx-space-10--fx-space-12--fx-space-16--fx-space-2--fx-space-3--fx-space-4--fx-space-5--fx-space-6--fx-space-8