← All demos
Capability 08
The design system, read from the document
Every colour, size and duration token on this site, read live from getComputedStyle.
- CSS custom properties
- variable type
- OKLCH-free warm palette
ready
PALETTE · no data leaves your browser unencrypted
One file, tokens.css, defines the entire visual language. Nothing below is hardcoded in a component, which is why changing a single value changes the whole site consistently.
This demo reads those properties back at runtime. It is the same source of truth the theme inlines into the page head on every request.