Design
Check tokens against CSS and real components before a release.
- Staging gallery →
- Production gallery
- React · Angular components
ClubReady · Design System
One source of truth for colour.
Colour comes from Figma and is published as CSS every product imports — with galleries for CSS, Tailwind and Flowbite (vanilla, React, Angular).
Live from the published CSS
Toggle dark mode — the palette holds, the semantics remap.
Palette
--clubready-050 … --clubready-950
Semantic
-
--bg-clubready -
--bg-primary -
--bg-success -
--bg-warning -
--bg-danger
Product
Why one colour source matters, and what teams agree to.
Engineering
Wire tokens into an app: URLs, dependencies, code examples.