Design system
CSS Design System
CSS design system with brand tokens for color, type, and spacing. One source keeps web and admin UI aligned.
Page frames
Selected screens from the live site
What we built
- Color, type, radius, and spacing tokens.
- Primary, accent, and ghost buttons plus base components.
- Usage docs and example surface.
- Token layer for light and dark themes.
- New components stay token-bound so they ship without drift.
- Same visual language across web and admin UI.
How it works
- 01Tokens live in one source.
- 02Components consume those tokens.
- 03New pages stay consistent and ship faster.
- 04Brand updates propagate from one place.
Brand updates propagate from one place; new pages ship without style drift.
Tech stack
CSS Custom PropertiesDesign Tokens
Up next
Need a design system your team can actually use?
Tokens, components, docs — web and admin speaking the same language. Send a short note and I will scope it.