Foundations
Design tokens and visual language. Every color, size, and spacing value is a CSS custom property.
Colors
Neutral scale plus status palettes: success, warning, info, danger.
Typography
Font families, sizes, weights, and text color tokens.
Spacing
4px base grid. Scale, usage rules, and proximity guidelines.
Backgrounds
Background and surface color tokens for layered UI.
Borders
Border radius scale and semantic border color tokens.
Icons
Radix Icons — 300+ filled icons at a 15px grid with currentColor.
Grid
12-column layout system. Three breakpoints, container class, and responsive gutter tokens.