35 lines
543 B
Markdown
35 lines
543 B
Markdown
# Front-end Style Guide
|
|
|
|
## Layout
|
|
|
|
The designs were created to the following widths:
|
|
|
|
- Mobile: 375px (375x1360)
|
|
- Desktop: 1440px (1440x922)
|
|
|
|
## Colors
|
|
|
|
### Primary
|
|
|
|
- Red: hsl(0, 78%, 62%)
|
|
- Cyan: hsl(180, 62%, 55%)
|
|
- Orange: hsl(34, 97%, 64%)
|
|
- Blue: hsl(212, 86%, 64%)
|
|
|
|
### Neutral
|
|
|
|
- Very Dark Blue: hsl(234, 12%, 34%)
|
|
- Grayish Blue: hsl(229, 6%, 66%)
|
|
- Very Light Gray: hsl(0, 0%, 98%)
|
|
|
|
## Typography
|
|
|
|
### Body Copy
|
|
|
|
- Font size: 15px
|
|
|
|
### Fonts
|
|
|
|
- Family: [Poppins](https://fonts.google.com/specimen/Poppins)
|
|
- Weights: 200, 400, 600
|