36 lines
475 B
Markdown
36 lines
475 B
Markdown
|
# Front-end Style Guide
|
||
|
|
|
||
|
|
## Layout
|
||
|
|
|
||
|
|
The designs were created to the following widths:
|
||
|
|
|
||
|
|
- Mobile: 375px
|
||
|
|
- Desktop: 1440px
|
||
|
|
|
||
|
|
## Colors
|
||
|
|
|
||
|
|
### Primary
|
||
|
|
|
||
|
|
- Red: hsl(0, 100%, 74%)
|
||
|
|
- Green: hsl(154, 59%, 51%)
|
||
|
|
|
||
|
|
### Accent
|
||
|
|
|
||
|
|
- Blue: hsl(248, 32%, 49%)
|
||
|
|
|
||
|
|
### Neutral
|
||
|
|
|
||
|
|
- Dark Blue: hsl(249, 10%, 26%)
|
||
|
|
- Grayish Blue: hsl(246, 25%, 77%)
|
||
|
|
|
||
|
|
## Typography
|
||
|
|
|
||
|
|
### Body Copy
|
||
|
|
|
||
|
|
- Font size: 16px
|
||
|
|
|
||
|
|
### Font
|
||
|
|
|
||
|
|
- Family: [Poppins](https://fonts.google.com/specimen/Poppins)
|
||
|
|
- Weights: 400, 500, 600, 700
|