705 B

Raw Blame History

Front-end Style Guide

Layout

The designs were created to the following widths:

Mobile: 375px
Desktop: 1440px

Colors

Primary

Blue: hsl(223, 87%, 63%)

Secondary

Pale Blue: hsl(223, 100%, 88%)
Light Red: hsl(354, 100%, 66%)

Neutral

Gray: hsl(0, 0%, 59%)
Very Dark Blue: hsl(209, 33%, 12%)

Typography

Body Copy

Font size: 20px

Fonts

Family: Libre Franklin
Weights: 300, 600, 700

Icons

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