rmcg.dev/FrontendMentor/ping-coming-soon-page-master/style-guide.md

Front-end Style Guide

Layout

The designs were created to the following widths:

• Mobile: 375px x 812px (design file is 750x1624)
• Desktop: 1440px x 1024px

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:

• Font Awesome
• IcoMoon
• Ionicons