ALBAMaisonBack to the case study
The system

Read from the stylesheet, live

Every specimen below is read out of the running stylesheet as this page renders — none of it is transcribed. Change a token in the product and this page changes with it. Click a colour to copy its value.

Colour · 37 tokens total
Type · Fraunces & Inter, self-hosted
Display · 300 · 40px
Good evening
Title · 400 · 22px
The Verde Bungalow
Body · 450 · 15px
Rent, autopay and charges.
Eyebrow · 600 · 12px
AT A GLANCE
Spacing · one owner per gap
Radius, line & elevation
0 · rows, rules
6px · swatches
999px · pills, buttons
the only shadow: the device
hairlines, never cards
Motion · one curve, everywhere
Buttons · three tiers, never two filled
Filled commits · ghost undoes · text-link goes elsewhere.
Rows · hairlines, not cards
Saltwater poolWest terrace
Olive gardenMature
Wine cellarClimate-set
16px padding, one rule above. No card, no shadow.
The drawing · one per estate, 7 in all
The same hand every time: ink line on paper, a thin sun, the ground carried through. Each draws itself in — the product’s component, not a picture of it.
Contrast · measured, not assumed