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