33 lines
512 B
Markdown
33 lines
512 B
Markdown
|
# Front-end Style Guide
|
||
|
|
|
||
|
|
## Layout
|
||
|
|
|
||
|
|
The designs were created to the following widths:
|
||
|
|
|
||
|
|
- Mobile: 375px
|
||
|
|
- Desktop: 1440px
|
||
|
|
|
||
|
|
## Colors
|
||
|
|
|
||
|
|
### Primary
|
||
|
|
|
||
|
|
- Pale blue: hsl(225, 100%, 94%)
|
||
|
|
- Bright blue: hsl(245, 75%, 52%)
|
||
|
|
|
||
|
|
### Neutral
|
||
|
|
|
||
|
|
- Very pale blue: hsl(225, 100%, 98%)
|
||
|
|
- Desaturated blue: hsl(224, 23%, 55%)
|
||
|
|
- Dark blue: hsl(223, 47%, 23%)
|
||
|
|
|
||
|
|
## Typography
|
||
|
|
|
||
|
|
### Body Copy
|
||
|
|
|
||
|
|
- Font size (paragraph): 16px
|
||
|
|
|
||
|
|
### Font
|
||
|
|
|
||
|
|
- Family: [Red Hat Display](https://fonts.google.com/specimen/Red+Hat+Display)
|
||
|
|
- Weights: 500, 700, 900
|