📄️ Breakpoints
breakpoints
📄️ Color
Primary, Neutral colors
📄️ Motion
motion
📄️ Shape
Shape
📄️ Spacing
Spacing
📄️ Typography
typography
📄️ Z-index
z-index
Design tokens are consistent, reusable code components that encapsulate design decisions such as colors, typography, and spacing. They ensure a uniform look and feel across a product, streamline collaboration between designers and developers, and make it easy to maintain a cohesive design system.
breakpoints
Primary, Neutral colors
motion
Shape
Spacing
typography
z-index