Front-end Style Guide

Layout

The designs were created to the following widths:

Mobile: 375px
Desktop: 1440px

Colors

Primary

Linear gradient (active input border): hsl(249, 99%, 64%) to hsl(278, 94%, 30%)
Red (input errors): hsl(0, 100%, 66%)

Neutral

White: hsl(0, 0%, 100%)
Light grayish violet: hsl(270, 3%, 87%)
Dark grayish violet: hsl(279, 6%, 55%)
Very dark violet: hsl(278, 68%, 11%)

Typography

Body Copy

Font size: 18px

Font

Family: Space Grotesk
Weights: 500