← Back to the wall
Design systems

Design Tokens.

Name and reuse the decisions behind a consistent interface.

01 / THE IDEA

What does it mean?

Design tokens are named values or references for shared design decisions such as spacing, colours and typography. They help keep products consistent across components and platforms.

02 / IN PRACTICE

Make it concrete.

Illustrative example: Use one semantic “text-secondary” token for supporting text across cards and dialogs, rather than choosing a slightly different gray in every screen.

03 / WHAT TO WATCH FOR

A common mistake.

Creating hundreds of tokens with no semantic structure or governance.

04 / WHEN IT HELPS

When should you use it?

When building reusable components or coordinating visual design across a product.

05 / FURTHER READING

Explore the source.

Design Tokens Community Group ↗

This is a reference for further learning, not an endorsement or a verbatim quotation.