Design System
The foundations that every Perimeter component, template, and widget builds on.
Colors
OKLCH theme tokens grouped by role — primary, feedback, surfaces, charts — with light and dark values.
Typography
Font families, the type scale, line-heights, and tracking.
Spacing
The spacing scale visualized at every step from 0 to 384px.
Borders & Elevation
Radius scale, border widths, focus rings, and shadows.
Branding
Logo marks, brand colors distinct from UI tokens, and usage guidelines.