ChromUI Guides

Learn how to build accessible UI color systems, design tokens, Tailwind themes, CSS variable themes, dark mode palettes, and production-ready design systems with ChromUI.

Each guide is connected back to ChromUI, related template previews, and relevant landing pages so the content supports real usage rather than drifting into generic theory.

Design tokens explained
A direct guide to token names, semantic roles, export formats, and how ChromUI turns theme decisions into usable frontend values.
Read →
UI color systems
How accessible UI color systems organize backgrounds, surfaces, text, borders, states, and dark mode palettes.
Read →
What are design tokens?
A practical explanation of tokens, semantic roles, and how they map into production workflows.
Read →
How to create an accessible color palette
How to build accessible palettes that actually work in real interfaces.
Read →
WCAG AA vs AAA for UI design
Where AA and AAA differ in practice and how to think about those tradeoffs.
Read →
How semantic color tokens work
A practical guide to role-based color tokens in design systems.
Read →
How to export design tokens to Tailwind
How to move token systems cleanly into Tailwind workflows.
Read →