Front-end Style Guide

Layout

The designs were created to the following widths:

Mobile: 375px
Desktop: 1440px

Colors

Very Dark Grayish Blue: hsl(217, 19%, 35%)
Desaturated Dark Blue: hsl(214, 17%, 51%)
Grayish Blue: hsl(212, 23%, 69%)
Light Grayish Blue: hsl(210, 46%, 95%)

Typography

Body Copy

Font size: 13px

Headings

Family: Manrope
Weights: 500, 700

Icons

We provide SVGs for the social icons. But please feel free to use a font icon library if you like. Some suggestions can be found below: