rmcg.dev/projects/FrontendMentor/newbie/recipe-page/style-guide.md

660 B

Front-end Style Guide

Layout

The designs were created to the following widths:

  • Mobile: 375px
  • Desktop: 1440px

Colors

Primary

  • Nutmeg: hsl(14, 45%, 36%)
  • Dark Raspberry: hsl(332, 51%, 32%)

Neutral

  • White: hsl(0, 0%, 100%)
  • Rose White: hsl(330, 100%, 98%)
  • Eggshell: hsl(30, 54%, 90%)
  • Light Grey: hsl(30, 18%, 87%)
  • Wenge Brown: hsl(30, 10%, 34%)
  • Dark Charcoal: hsl(24, 5%, 18%)

Typography

Body Copy

  • Font size (paragraph): 16px

Fonts