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

Feedback and status

Communicating state, progress, success, warning, and failure.

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

Input, validation, and completion flows.

Empty and loading states

Incomplete, pending, and absent content.

On this page

Sections will appear here as this page develops.

View as Markdown View this page as plain text