All foundations

Learn about the foundational design elements within the Luna system.

Typography

Our hierarchy of readable, accessible and visually appealing typography styles for each brand.

Logos

Guidelines for how to use each of the brand logos.

Layout

Guidelines for padding and spacing across different breakpoints.

States

How to communicate when interactive elements are in different states to the user.

Colour

How individual brand palettes and shared global palettes work together to make the Luna colour system.

Design tokens

Learn how to use design tokens to build and maintain consistent user interfaces.