2022-09-07 11:53:05 +02:00
|
|
|
# Front-end Style Guide
|
|
|
|
|
|
|
|
|
|
## Layout
|
|
|
|
|
|
|
|
|
|
The designs were created to the following widths:
|
|
|
|
|
|
|
|
|
|
- Mobile: 375px
|
|
|
|
|
- Desktop: 1440px
|
|
|
|
|
|
|
|
|
|
## Colors
|
|
|
|
|
|
|
|
|
|
### Primary
|
|
|
|
|
|
|
|
|
|
Very Dark Magenta: hsl(300, 43%, 22%)
|
|
|
|
|
Soft Pink: hsl(333, 80%, 67%)
|
|
|
|
|
|
|
|
|
|
### Neutral
|
|
|
|
|
|
|
|
|
|
Dark Grayish Magenta: hsl(303, 10%, 53%)
|
|
|
|
|
Light Grayish Magenta: hsl(300, 24%, 96%)
|
|
|
|
|
White: hsl(0, 0%, 100%)
|
|
|
|
|
|
|
|
|
|
## Typography
|
|
|
|
|
|
|
|
|
|
### Body Copy
|
|
|
|
|
|
|
|
|
|
- Font size: 15px
|
|
|
|
|
|
|
|
|
|
### Font
|
|
|
|
|
|
2022-10-03 15:43:03 +02:00
|
|
|
- Family: [League Spartan](https://fonts.google.com/specimen/League+Spartan)
|
2022-09-07 11:53:05 +02:00
|
|
|
- Weights: 400, 500, 700
|
