Foundations
The building blocks behind every component. Tokens, scales, and layout primitives.
Spacing
Vertical rhythm, stack hierarchy, fluid page padding, and section gaps.
Colors
All colors in OKLCH. Palette & accent change via sidebar.
Typography
Major Third scale, fluid clamp() sizes, font presets, and line heights.
Layout
Breakpoints, grid patterns, and responsive conventions for web and app blocks.
AI Layer
Pastel iridescent palette and motion primitives for AI-driven UI.
Effects
Shadows, border radius presets, animation curves, and component density.
Icons
Lucide for UI primitives, Simple Icons for brand logos. Per-framework packages.