UI Style guide

The following files provide detailed information on how to style components and how the final product is likely to look like.

Colour Guide.pdf

Components_Style_Guide.pdf

Dark Mode Style Guide.pdf

Light Mode Style Guide.pdf

Further information about the UI designs can be found on Figma. The Figma contains information about the following items:

• Page Designs
• Component Styling Guides
• Assets
• Revised Wireframes
• Colour Guide
• High Fidelity Prototype (Light and Dark mode)
• Action/Event Flow Explanation Graphs

Note: Some designs have changed from what is shown in the UI mocks