33 lines
480 B
Markdown
33 lines
480 B
Markdown
|
# 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
|
||
|
|
|
||
|
|
- Family: [Manrope](https://fonts.google.com/specimen/Manrope)
|
||
|
|
- Weights: 800
|