rmcg.dev/FrontendMentor/ping-coming-soon-page-master/style-guide.md

43 lines
705 B
Markdown
Raw Normal View History

2020-09-03 00:16:21 +02:00
# Front-end Style Guide
## Layout
The designs were created to the following widths:
- Mobile: 375px
- Desktop: 1440px
## Colors
### Primary
- Blue: hsl(223, 87%, 63%)
### Secondary
- Pale Blue: hsl(223, 100%, 88%)
- Light Red: hsl(354, 100%, 66%)
### Neutral
- Gray: hsl(0, 0%, 59%)
- Very Dark Blue: hsl(209, 33%, 12%)
## Typography
### Body Copy
- Font size: 20px
### Fonts
- Family: [Libre Franklin](https://fonts.google.com/specimen/Libre+Franklin)
- Weights: 300, 600, 700
## 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)