04 · foundations
9 tokensRadius & motion.
Soft, never round. Motion is fast and unfussy. The product is not a demo reel.
Border radius
5 tokensradius.sm6px · badge
radius.md10px · button · input
radius.lg16px · card · dialog
radius.xl24px · featured
radius.full∞ · avatar · dot
Motion
4 tokensmotion.fast120msease-outhover · tooltip
motion.base200msease-outcard · button
motion.slow320msease-in-outmodal · drawer
shimmer1.5slinear loopskeleton
// Components respect prefers-reduced-motion globally. All animations collapse to ~0ms when the user requests reduced motion.