Front-end Style Guide

Layout

The designs were created to the following widths:

Mobile: 375px
Desktop: 1440px

Colors

Primary

Very Dark Magenta: hsl(300, 43%, 22%) Soft Pink: hsl(333, 80%, 67%)

Neutral

Dark Grayish Magenta: hsl(303, 10%, 53%) Light Grayish Magenta: hsl(300, 24%, 96%) White: hsl(0, 0%, 100%)

Typography

Body Copy

Font size: 15px

Font

Family: Spartan
Weights: 400, 500, 700