Developer Toolbox

Brand guidelines

This site reads its look from the design tokens in brand/brand.css. Edit the tokens here to preview them, then download the stylesheet and replace that file. Conventions come from brand/conventions.json.

Colour tokens

Shape and type

Components

Buttons

Inputs

Text

Body text with a link and inline code.

Tag

Notices

Success: the change was saved.

Warning: this cannot be undone.

Error: the file could not be read.

CSS properties in use

TokenValue nowPurpose

Coding conventions

Export

Replace brand/brand.css with the downloaded file and redeploy. Light and dark palettes are exported together.