ToolOctober 10, 2026
Design tokens
Short description
The colours, fonts, radii and layout width this site is built on — free to download as JSON, CSS or a Tailwind preset.
Why I use it
Generated from the site's live Theme DNA, so the file always matches what you see here.
How I use it
Every page on this site reads its look from one Theme DNA record. These files are that record, exported:
- JSON follows the W3C Design Tokens format, so Style Dictionary and Tokens Studio can read it.
- CSS is the exact
:rootblock the site injects. - Tailwind maps the same variables into
theme.extend(use it together with the CSS file).