Design Tokens

Radius

Visualization of design system border radii.

done

Tokens

Our border radius tokens provide consistent rounded corners across components. Click any row to copy the CSS variable to your clipboard.

Elevation

How and when to apply elevation to an element such as a card or button for visual emphasis.

Spacing

Guidelines and tokens for spacing in our design system.