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

749 B

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

Icons

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