Palette
Your brand palette should consist of a carefully curated selection of colors that reflect your website’s personality and values.
| HEX | #9FCCFA |
|---|---|
| HSB | 210, 36, 98 |
| HSL | 210, 90%, 80% |
| RGB | 159, 204, 250 |
| HEX | #0974F1 |
|---|---|
| HSB | 212, 96, 95 |
| HSL | 212, 93%, 49% |
| RGB | 9, 116, 241 |
| HEX | #F6EFA6 |
|---|---|
| HSB | 55, 33, 96 |
| HSL | 55, 82%, 81% |
| RGB | 246, 239, 166 |
Typography
Typography involves selecting the right fonts and arranging them in a visually appealing and readable manner to enhance user experience.
H1: Main Title
| Font-family: | Barlow |
|---|---|
| Font-size: | 64px |
| Font-weight: | Bold 700 |
| Color: | #333333 |
H2: Subtitle
| Font-family: | Barlow |
|---|---|
| Font-size: | 48px |
| Font-weight: | Bold 700 |
| Color: | #333333 |
H3: Emphasis
| Font-family: | Barlow |
|---|---|
| Font-size: | 24px |
| Font-weight: | Medium 500 |
| Color: | #333333 |
P: Paragraph
| Font-family: | Barlow |
|---|---|
| Font-size: | 24px |
| Font-weight: | Regular 400 |
| Color: | #333333 |