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/Visual language

Imagery and illustration

Photography, diagrams, illustration, and Hornet's geometric visual language.

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

Icon construction, selection, and application.

Data visualization

Charts, series, labels, and accessible comparison.

On this page

Sections will appear here as this page develops.

View as Markdown View this page as plain text