Foundations

The core elements and tokens of the design system, foundations cascade throughout all components, patterns and templates.

Layout primitives

Structural components used to control the display of components, patterns and templates.

Layout components

Layout components designed for specific content usage.

Form primitives

Form primitives allow flexibility to create custom form components.

Form components

Form components utilising the foundational form primitives and created with user experience best practices and accessibility at their core.

Interactive components

Interactive components add behaviour to content allowing users to perform an objective.

Content Components

Content components control the display and interactivity of content.

Patterns

Patterns apply consistent themes and are often made up of a combination of components and foundational elements.

Templates

Page templates built of patterns, components and foundations.