This is still a work in progress!
Here is the link to the style guide on Figma:
https://www.figma.com/file/SfJC96upoEaXOwPEzIKipC/Style-guide?node-id=0%3A1&t=VfMGzHcxTO9edjbX-1 (More of my progress is on Figma)
Colour palette 🎨
The colour palette contains the main colours (and their tints and shades) for the dashboard. The hex codes and the HSB (Hue, saturation, brightness) of the colour swatches are shown under the coloured circle.
Primary: The main colour that will be used for the dashboard. It’s pink. Deal with it :)
Secondary: Used in combination with the pimary colour to draw attention
Accent: Colour used the least
The colours used for error/success messages are green, yellow, and red.
Typography 📝
The two fonts used in the typography for the dashboard are Coolvetica and Metropolis.
Fun fact: Metropolis is used by Firefox.