Guidelines

The guidelines section encompasses typography, colour, icons, imagery, content, layout, action, and accessibility. It ensures a cohesive and inclusive design system, promoting legibility, visual consistency, and usability for all users. By following these guidelines, designers create a unified and accessible user experience across platforms and devices.

Typography

Typography covers the font system being used across platforms. Each font has been carefully selected after extensive research.

Colour system

Colour helps differentiate between the different entity brands while also establishing levels of consistency in user experience.

Imagery

Illustrations symbolise user context and their emotional state and should be designed to accurately reflect the same.

Iconography

Icons are visual representations of commands, common actions, directories and devices.

Layout and spacing

Grids help position elements onscreen to facilitate seamless user experiences every time a user visit a webpage.

Content

How to communicate with users and write clear and consistent copy.

Actions and input

A button functions as a trigger to an event or action, notifying users of the next step.

Accessibility

Accessibility ensures inclusive and usable digital content, promoting equal access and positive user experiences for all users.