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

39 lines
660 B
Markdown

# 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
- Family: [Young Serif](https://fonts.google.com/specimen/Young+Serif)
- Weights: 400
- Family: [Outfit](https://fonts.google.com/specimen/Outfit)
- Weights: 400, 600, 700