34 lines
701 B
Markdown
34 lines
701 B
Markdown
|
# Front-end Style Guide
|
||
|
|
|
||
|
|
## Layout
|
||
|
|
|
||
|
|
The designs were created to the following widths:
|
||
|
|
|
||
|
|
- Mobile: 375px
|
||
|
|
- Desktop: 1440px
|
||
|
|
|
||
|
|
## Colors
|
||
|
|
|
||
|
|
- Very Dark Grayish Blue: hsl(217, 19%, 35%)
|
||
|
|
- Desaturated Dark Blue: hsl(214, 17%, 51%)
|
||
|
|
- Grayish Blue: hsl(212, 23%, 69%)
|
||
|
|
- Light Grayish Blue: hsl(210, 46%, 95%)
|
||
|
|
|
||
|
|
## Typography
|
||
|
|
|
||
|
|
### Body Copy
|
||
|
|
|
||
|
|
- Font size: 13px
|
||
|
|
|
||
|
|
### Headings
|
||
|
|
|
||
|
|
- Family: [Manrope](https://fonts.google.com/specimen/Manrope)
|
||
|
|
- Weights: 500, 700
|
||
|
|
|
||
|
|
## Icons
|
||
|
|
|
||
|
|
We provide SVGs for the social icons. But please feel free to use a font icon library if you like. Some suggestions can be found below:
|
||
|
|
|
||
|
|
- [Font Awesome](https://fontawesome.com)
|
||
|
|
- [IcoMoon](https://icomoon.io)
|
||
|
|
- [Ionicons](https://ionicons.com)
|