39 lines
771 B
Markdown
39 lines
771 B
Markdown
|
# Front-end Style Guide
|
||
|
|
|
||
|
|
## Layout
|
||
|
|
|
||
|
|
The designs were created to the following widths:
|
||
|
|
|
||
|
|
- Mobile: 375px
|
||
|
|
- Desktop: 1440px
|
||
|
|
|
||
|
|
## Colors
|
||
|
|
|
||
|
|
### Primary
|
||
|
|
|
||
|
|
- Violet: hsl(257, 40%, 49%)
|
||
|
|
|
||
|
|
## Typography
|
||
|
|
|
||
|
|
### Headings
|
||
|
|
|
||
|
|
- Family: [Poppins](https://fonts.google.com/specimen/Poppins)
|
||
|
|
- Weights: 400, 700
|
||
|
|
|
||
|
|
### Body
|
||
|
|
|
||
|
|
- Family: [Open Sans](https://fonts.google.com/specimen/Open+Sans)
|
||
|
|
- Weights: 400
|
||
|
|
|
||
|
|
## Icons
|
||
|
|
|
||
|
|
For the social icons, you can use a font icon library. Some suggestions can be found below:
|
||
|
|
|
||
|
|
- [Font Awesome](https://fontawesome.com/)
|
||
|
|
- [IcoMoon](https://icomoon.io/)
|
||
|
|
- [Ionicons](https://ionicons.com/)
|
||
|
|
|
||
|
|
For Font Awesome use the following classes
|
||
|
|
Twitter - <i class="fab fa-twitter"></i>
|
||
|
|
Facebook - <i class="fab fa-facebook-f"></i>
|
||
|
|
Instagram - <i class="fab fa-instagram"></i>
|