Front-end Style Guide

Layout

The designs were created to the following widths:

Mobile: 375px
Desktop: 1440px

Colors

Primary

Soft Blue: hsl(231, 69%, 60%)
Soft Red: hsl(0, 94%, 66%)

Neutral

Grayish Blue: hsl(229, 8%, 60%)
Very Dark Blue: hsl(229, 31%, 21%)

Typography

Body Copy

Font size: 18px

Fonts

Family: Rubik
Weights: 400, 500

Icons

For the icons in the design, you can choose between using the icons provided or an font icon library.

Some library suggestions can be found below: