Style Guide

This is a style guide for a Dashboard project. The template includes colors, typography, icons, buttons, fields, grid, and images.

02 Typography

Below is the projects typography. Include a preview, font-family, font-size, font-weight, line-height and the colours. You can also add more if you like.

03 Icons

Icons where created for this particular dashboard.

04 Buttons

Below you will find our buttons, in default, hover and active. Furthermore, you will see the three allowed colors for CTA buttons.

05 Filters

Filters separate data from complex diagrams. 

06 Grid

The grid is 12 column, and is 1170px with a gutter on 30px (15x2). Breakpoints will be 970px for tablet and 750px for mobile devices.

07 Images

Images are always 100% width of the container. Image captions/descriptions should always be 13px and placed directly under the image with a 10px margin from the image.