Tailwind CSS v4 · CSS variables
Design-token foundations
Start here if you want to understand how Monoline UI looks and feels, or if you plan to adapt it to your own brand. These tokens control color, type, spacing, corners, and motion across the library.
Token reference
See what each token controls and how to override it safely.
Colors
Semantic surface, text, border, and accent variables for two themes.
Typography
Font families, fluid type scales, weights, and editorial rhythm.
Spacing
A bounded spacing scale shared by components and page layouts.
Radius
Purposeful corner tokens matched to controls, cards, and surfaces.
Motion
Durations, easing curves, and reduced-motion behavior.