Foundations

Foundations are primitive elements that work together to form a consistent end-to-end user experience. They cannot exist alone, and must be used in unison with other elements in design. This includes illustration styles, typography, layout and motion design.

Spectrum of brand colours and gradients

System of fonts used in our application

Form and Layout

Spacing, margins, padding and corner radius

3D Illustrations

Illustration guidelines and iconography

Animation principles and guidelines

Need help?

If you have any questions while using this, feel free to visit the #design-system-queries channel and post your queries. We're here to help!