Website Style Guide
Colors sample
Midnight Blue
| HEX | #102C57 |
| RGB | (16, 44, 87) |
| HSL | (216, 82%, 20%) |
Nice blue
| HEX | #1679AB |
| RGB | (22, 121, 171) |
| HSL | (200, 87%, 38%) |
Sundown
| HEX | #FFB1B1 |
| RGB | (255, 177, 177) |
| HSL | (0, 31%, 85%) |
Harmonies
| HEX | #FFCBCB |
| RGB | (255, 203, 203) |
| HSL | (0, 20%, 90%) |
Font Families
Extra Light 200
Regular 400
Medium 500
SemiBold 600
Bold 700
Black 900
Aa
Source Code Pro
Thin 100
Regular 400
Medium 500
SemiBold 600
Bold 700
Black 900
Aa
Poppins
Extra Light 200
Regular 400
Medium 500
SemiBold 600
Bold 700
Black 900
Aa
Nunito Sans
Text style
H1: Main page heading
- Font-weight: 700 (bold)
- Font-size: 26px
- Font-family: Nunito Sans
H2: Subheading
- Font-weight: 500
- Font-size: 18px
- Font-family: Poppins
P: Paragraph text
- Font-weight: 400 (regular)
- Font-size: 14px
- Font-family: Poppins