34 lines
542 B
Markdown
34 lines
542 B
Markdown
|
# Front-end Style Guide
|
||
|
|
|
||
|
|
## Layout
|
||
|
|
|
||
|
|
The designs were created to the following widths:
|
||
|
|
|
||
|
|
- Mobile: 375px
|
||
|
|
- Desktop: 1440px
|
||
|
|
|
||
|
|
## Colors
|
||
|
|
|
||
|
|
### Primary
|
||
|
|
|
||
|
|
- Soft blue: hsl(215, 51%, 70%)
|
||
|
|
- Cyan: hsl(178, 100%, 50%)
|
||
|
|
|
||
|
|
### Neutral
|
||
|
|
|
||
|
|
- Very dark blue (main BG): hsl(217, 54%, 11%)
|
||
|
|
- Very dark blue (card BG): hsl(216, 50%, 16%)
|
||
|
|
- Very dark blue (line): hsl(215, 32%, 27%)
|
||
|
|
- White: hsl(0, 0%, 100%)
|
||
|
|
|
||
|
|
## Typography
|
||
|
|
|
||
|
|
### Body Copy
|
||
|
|
|
||
|
|
- Font size (paragraph): 18px
|
||
|
|
|
||
|
|
### Font
|
||
|
|
|
||
|
|
- Family: [Outfit](https://fonts.google.com/specimen/Outfit)
|
||
|
|
- Weights: 300, 400, 600
|