34 lines
747 B
Markdown
34 lines
747 B
Markdown
# Front-end Style Guide
|
|
|
|
## Layout
|
|
|
|
The designs were created to the following widths:
|
|
|
|
- Mobile: 375px
|
|
- Desktop: 1366px
|
|
|
|
## Colors
|
|
|
|
### Primary
|
|
|
|
- Scissors Gradient: hsl(39, 89%, 49%) to hsl(40, 84%, 53%)
|
|
- Paper Gradient: hsl(230, 89%, 62%) to hsl(230, 89%, 65%)
|
|
- Rock Gradient: hsl(349, 71%, 52%) to hsl(349, 70%, 56%)
|
|
- Lizard Gradient: hsl(261, 73%, 60%) to hsl(261, 72%, 63%)
|
|
- Cyan: hsl(189, 59%, 53%) to hsl(189, 58%, 57%)
|
|
|
|
### Neutral
|
|
|
|
- Dark Text: hsl(229, 25%, 31%)
|
|
- Score Text: hsl(229, 64%, 46%)
|
|
- Header Outline: hsl(217, 16%, 45%)
|
|
|
|
### Background
|
|
|
|
- Radial Gradient: hsl(214, 47%, 23%) to hsl(237, 49%, 15%)
|
|
|
|
## Fonts
|
|
|
|
- Family: [Barlow Semi Condensed](https://fonts.google.com/specimen/Barlow+Semi+Condensed)
|
|
- Weights: 600, 700
|