rmcg.dev/projects/FrontendMentor/junior/advice-generator-app/style-guide.md

480 B

Front-end Style Guide

Layout

The designs were created to the following widths:

  • Mobile: 375px
  • Desktop: 1440px

Colors

Primary

  • Light Cyan: hsl(193, 38%, 86%)
  • Neon Green: hsl(150, 100%, 66%)

Neutral

  • Grayish Blue: hsl(217, 19%, 38%)
  • Dark Grayish Blue: hsl(217, 19%, 24%)
  • Dark Blue: hsl(218, 23%, 16%)

Typography

Body Copy

  • Font size (quote): 28px

Font