Foundations Overview

A brand foundation is the core set of values and principles that define its identity and create a clear and consistent message.

Accessibility image

Implementing web accessibility can enhance the overall user experience, making websites more user-friendly for everyone, regardless of their abilities.

Colour image

Colours are used to create a visual hierarchy and help guide users throughout the website and application.

Content image

Content design, sometimes also known as UX writing, is the art and science of creating meaningful, relevant, and user-centric content.

Spacing image

SGDS components follow an 8px spacing system. This allows us to create consistency across the user interface while decreasing design complexity.

Typography image

A consistent set of text sizes and styles are to be used across all touch points.


Latest version 2.3.3