Try the system on.
The tokens, in your hands.
Check a colour pairing for contrast, drive the type ramp, and see the spacing and shape scales. Everything reads live from the same tokens your work does.
Contrast checker
Pick a content token and a surface, and see the WCAG ratio against AA and AAA. Alpha tokens are composited over the surface, just as they render.
– : 1
Find a home you'd choose
Real photography, honest specs, the numbers that matter.
12 new apartments in the suburbs you follow
Type tester
Drive size, line height, tracking and weight across the three families. The sample is editable; the CSS below updates as you go.
The Great Australian Dream is growing up.
Spacing & radii
The 4-point spacing scale, drawn to size, and the tight set of corner radii. Click any spacing row to copy its token.
sm · 4px
lg · 12px
xl · 16px
full · 999px
8px (md) is reserved and left unused, so the set stays deliberate.