Front-end Style Guide

Layout

The designs were created to the following widths:

Mobile: 375px
Desktop: 1440px

Colors

Primary

Red: hsl(0, 78%, 62%)
Cyan: hsl(180, 62%, 55%)
Orange: hsl(34, 97%, 64%)
Blue: hsl(212, 86%, 64%)

Neutral

Very Dark Blue: hsl(234, 12%, 34%)
Grayish Blue: hsl(229, 6%, 66%)
Very Light Gray: hsl(0, 0%, 98%)

Typography

Body Copy

Font size: 15px

Fonts

Family: Poppins
Weights: 200, 400, 600