Design System
Build great products, faster.
Explore
TOKENS
Colors
A solid color palette for any context
Fonts
Preview your pre configured fonts.
Letter Spacings
Letter spacing is the space between text characters.
Line Heights
Line height is the vertical distance between two lines.
Font Weights
Font weight determines how bold or light text appears.
Font Sizes
Font size updates the size of a font, and its relative units.
Sizes
Preview your pre configured sizes.
Spacing
Preview your pre configured spacing.
Border Radius
Preview your pre configured radii.
Text Styles
Preview your pre configured text styles.
paint-brush
Layer Styles
Preview your pre configured layer styles.
PLAYGROUND
Typography
Visually test font styles with any text.
Color Contrast
Test contrast ratio between two colors.