Start here

Overview
Design principles
How to use this guide

Brand

Identity
Logo and mark
Voice and content

Foundations

Color
Typography
Spacing
Layout
Form and surface
Motion

Visual language

Iconography
Imagery and illustration
Data visualization

Components

Principles
Catalogue

Patterns

Navigation
Forms
Feedback and status
Empty and loading states

Standards

Accessibility
Implementation
Governance

Design guide/Patterns

Empty and loading states

Communicating absent, incomplete, and pending content.

This section is planned. Its canonical guidance has not been defined yet.

Feedback and status

Communicating state, progress, success, and failure.

Inclusive requirements across the system.

On this page

Sections will appear here as this page develops.

View as Markdown View this page as plain text