Skip to content
MATRIZ Docs

Design tokens

Design tokens are your site’s shared design decisions — colors, font families and scales, spacing, radii — defined once and referenced everywhere.

Open the design system panel in the editor to:

  • edit the core palette and see every place a color is used,
  • define typography scales and preview real text specimens,
  • generate consistent scales (e.g. a spacing or radius ladder) instead of hand-picking values,
  • manage token sets and breakpoints.

Anywhere you can set a color or size in the properties panel, you can pick a token instead of a raw value. Change the token and the whole site follows — on the canvas instantly, and on the published site the next time you publish.

Imported sites and library components arrive already wired to your tokens, so restyling them is a matter of adjusting the palette, not editing every element.