Front-end Style Guide

Layout

The designs were created to the following widths:

Mobile: 375px
Desktop: 1440px

Colors

Primary

Violet: hsl(257, 40%, 49%)
Soft Magenta: hsl(300, 69%, 71%)

Typography

Headings

Family: Poppins
Weights: 400, 600

Body

Family: Open Sans
Weights: 400

Icons

For the social icons, you can use a font icon library. Some suggestions can be found below: