Styleguide

EstateLux Design System

A concise reference for typography, colors, buttons, labels, and listing badges.

Foundation

Premium, Editorial, Real Estate

The visual system pairs restrained neutrals with gold accents, large editorial typography, and polished property imagery.

Charcoal

#11110F

Ivory

#F7F2EA

Sand

#D0BEA3

Gold

#A9823D

Olive

#26352E

Stone

#706A61

Buttons

Primary Gold Button Secondary Button Ghost Button Light Button

Labels

For Sale For Rent Sold Featured Under Contract Waterfront Private Search

Light section contrast

Body text on ivory uses stone at full opacity for readable contrast.

Label text sample

Dark section contrast

Secondary text on charcoal targets WCAG AA for large copy.

Eyebrow on dark

Spacing scale

.section-padding — 6rem / 9rem
.page-hero-padding — page heroes
.container-default — 1280px max