Submit ProductSign in
Build the visual language of your product from design tokens
Grounded in available product and source data
Tokens is a visual playground for building the design language of a product. You experiment with colour, typography, spacing, radius and shadow, and see how the pieces sit together while you adjust them, rather than editing values in a stylesheet and hoping the result looks right.
Values are grouped the way a real interface needs them: brand, neutral and primary action colours, then dimensions, shadow and fonts for the default and display text. When the theme feels right you export it as CSS variables or as a DESIGN.md file, so your next project starts from the same decisions instead of from scratch.
