Design tokens: what it means

How it shows up when you build

• Look the part: A small set of named values (two colors, one font, a spacing unit) used everywhere keeps a page consistent.

A tip

• Ask for 'CSS variables for colors and spacing' so later edits are one-line changes.

Practise it

Build it with an AI tool and check the result in these exercises:

• 6. Look the part (Color, type, spacing)

Related terms

Audit, Checks, Contrast, CSS, CSS custom properties, Hex code, Type scale