Front-end Style Guide

Layout

The designs were created to the following widths:

Mobile: 375px
Desktop: 1440px

Colors

Primary

Pale blue: hsl(225, 100%, 94%)
Bright blue: hsl(245, 75%, 52%)

Neutral

Very pale blue: hsl(225, 100%, 98%)
Desaturated blue: hsl(224, 23%, 55%)
Dark blue: hsl(223, 47%, 23%)

Typography

Body Copy

Font size (paragraph): 16px

Font

Family: Red Hat Display
Weights: 500, 700, 900