Foundations
Foundations contains the shared technical systems used by the other reusable resources.
They establish the common decisions and constraints that keep projects consistent without requiring those decisions to be made again for every component or project.
Color
Use primitive, semantic, and component tokens to apply color consistently across light and dark color schemes.
Layout
Use shared breakpoints, responsive gutter mappings, and container sizes to build responsive layouts.
Motion
Apply consistent transition durations while respecting reduced-motion preferences.
Radius
Create consistent corner shapes with a shared radius scale for components and interface elements.
Shadows
Add consistent outer and inset depth effects with shared shadow tokens.
Spacing
Create consistent, fluid spacing with shared size tokens, responsive pairs, and layout gutters.
Typography
Build clear, consistent text hierarchy with shared font roles, weights, and a fluid type scale.