Front-end Style Guide

Layout

The designs were created to the following widths:

Mobile: 375px
Desktop: 1440px

Colors

Primary

Soft blue: hsl(215, 51%, 70%)
Cyan: hsl(178, 100%, 50%)

Neutral

Very dark blue (main BG): hsl(217, 54%, 11%)
Very dark blue (card BG): hsl(216, 50%, 16%)
Very dark blue (line): hsl(215, 32%, 27%)
White: hsl(0, 0%, 100%)

Typography

Body Copy

Font size (paragraph): 18px

Font

Family: Outfit
Weights: 300, 400, 600