Styles

Styles are the building blocks of a design system, defining typography, colour, layout, and icons for consistent, cohesive experiences.

Colour defines the brand and ensures consistent, accessible experiences across all products and user interfaces.

Icons visually represent actions or concepts, helping users navigate, understand, and act quickly.

Border radius rounds the corners of UI elements, providing an approachable aesthetic.

Shadows add depth, indicating elevation, layering, and separation between UI elements.

Spacing defines the relationship between UI elements, creating hierarchy and balance in designs.

Typography shapes communication, strengthens brand identity, and influences how users feel and interact with content.