thm-system.jpg

Purpose of this guide

By establishing a UI style guide, we can create a more cohesive and professional look for our digital products, and streamline the design and development process.

The style guide serves as a reference for designers, developers, and other team members, helping them to create a cohesive and harmonious product. It helps ensure that the user experience is consistent, easy to use, and aesthetically pleasing.

Is this system final?

The short answer is no, this system should not ever be seen as a finished product. It is ever-evolving and continuously tweaked for future needs and requirements.

Colour Palette.jpg

Typography.jpg

Line Length.jpg

Desktop.jpg

Buttons.jpg

Buttons-1.jpg

Chips, Number badge, text badge.jpg

Modals.jpg

Buttons-2.jpg

Content Blocks - Corner Radius.jpg

Local Navigation Bars.jpg

Buttons-3.jpg

Dashboard card.jpg