Brand guides

Guides are grouped by what you are trying to do. If you have not set up a brand before, start with the Quickstart. For everything the module can do in one list, see the Feature list.

Building the brand

Create a brand — name it, choose a template, and set it as the default. (~5 min)

Colours and contrast — palettes, swatches, the contrast matrix, the colour-vision simulator, and gradients. (~15 min)

Typography — fonts from four sources, weights, type scales, and text styles. (~15 min)

Logos — uploading marks and checking them on three backgrounds. (~10 min)

Design tokens — turning brand values into names code can use, and exporting them. (~15 min)

Brand guidelines — writing the rules down where people will read them. (~15 min)

Custom branding — office, vehicles, clothing, and the rest of the physical world. (~10 min)

Keeping it

Brand controls — restricting fonts and colours, and locking template elements. (~15 min)

Versions and history — snapshots, restoring, and the activity log. (~10 min)

Export and share — brand kit JSON, CSS variables, and the brand book. (~10 min)

Common situations, fast

If you need to	Go to
Check a colour is legible	Colours and contrast
Hand the brand to a developer	Design tokens
Send the brand to an agency	Export and share
Stop someone using the wrong font	Brand controls
Undo a bad change	Versions and history
Record signage and uniform specs	Custom branding

If something is wrong

Troubleshooting collects the failures with a known cause.