36 lines
634 B
Markdown
36 lines
634 B
Markdown
|
# Front-end Style Guide
|
||
|
|
|
||
|
|
## Layout
|
||
|
|
|
||
|
|
The designs were created to the following widths:
|
||
|
|
|
||
|
|
- Mobile: 375px
|
||
|
|
- Desktop: 1440px
|
||
|
|
|
||
|
|
## Colors
|
||
|
|
|
||
|
|
### Primary
|
||
|
|
|
||
|
|
Bright orange: hsl(31, 77%, 52%)
|
||
|
|
Dark cyan: hsl(184, 100%, 22%)
|
||
|
|
Very dark cyan: hsl(179, 100%, 13%)
|
||
|
|
|
||
|
|
### Neutral
|
||
|
|
|
||
|
|
Transparent white (paragraphs): hsla(0, 0%, 100%, 0.75)
|
||
|
|
Very light gray (background, headings, buttons): hsl(0, 0%, 95%)
|
||
|
|
|
||
|
|
## Typography
|
||
|
|
|
||
|
|
### Body Copy
|
||
|
|
|
||
|
|
- Font size: 15px
|
||
|
|
|
||
|
|
### Font
|
||
|
|
|
||
|
|
- Family: [Lexend Deca](https://fonts.google.com/specimen/Lexend+Deca)
|
||
|
|
- Weights: 400
|
||
|
|
|
||
|
|
- Family: [Big Shoulders Display](https://fonts.google.com/specimen/Big+Shoulders+Display)
|
||
|
|
- Weights: 700
|