EXPLORE THE SYSTEM
Every token has a story.
Start with a color, a space, or a type style. Follow its value, its modes, and the CSS that connects it to your interface.
649 tokens · 9 families · 107 runtime colors
Token results
649 tokens · 1–24
About this catalogue
The page calls createTokenCatalogue() from @nexus_ds/core/catalogue when the docs build. Every authored leaf is listed in each of its presets and modes, with the CSS the generated Tailwind package declares for it. Runtime colors are derived from the default appearance below, in light and dark; expanded runtime colors also show the value and contrast for your current appearance.
brandColor: #0a0a0asurfaceTone: stonelightContrast: 50darkContrast: 50