Linkedin Icon Github Icon Left ArrowArchive Hamburger Icon

Project Members

Anthony Jasper

My Role

Designer

Project Tools / Sources

UXpin

The purpose of this style guide is to allow me to take it with me for all future personal projects and to follow and apply whats in the guide to those projects. This is currently the barebones of the guide and I plan to evolve it overtime from actually turning the components into actual components within figma, making it easier to navigate and more presentable.

21

Development - Days

14

Design Patterns

Colours

There wasn't much focus on colours in this template. Neutral colours were used to make certain images / banners stand out more and easier to edit later on if required.

design snapshot of the colour strips
design snapshot of the accordian element design snapshot of the breadcrumb element design snapshot of the buttons design snapshot of the card styles design snapshot of the carousel element design snapshot of the checkbox styles design snapshot of the comment style design snapshot of the hamburger menus design snapshot of the iconography section design snapshot of the input styles design snapshot of the menu styles design snapshot of the modal styles design snapshot of the notification styles design snapshot of the pagination element design snapshot of the progressbar element design snapshot of the radio button styles design snapshot of the searchfield element design snapshot of the tag styles design snapshot of the toggle button style design snapshot of the typography section