Brandguide
Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat veniam occaecat.
Colors
Pink
| Variable | Hex | Color |
|---|---|---|
| pink-25 | #FFF8F8 | |
| pink-50 | #FFF1F1 | |
| pink-100 | #FFCECE | |
| pink-200 | #FFA8A9 | |
| pink-300 | #FF7D84 | |
| pink-400 | #FF415C | |
| pink-500 | #E51244 | |
| pink-600 | #C00035 | |
| pink-700 | #8F0025 | |
| pink-800 | #5E0015 | |
| pink-900 | #360008 |
Purple
| Variable | Hex | Color |
|---|---|---|
| purple-25 | #FAF9FF | |
| purple-50 | #F6F3FF | |
| purple-100 | #D6CAFF | |
| purple-200 | #B99EFF | |
| purple-300 | #9E6DFF | |
| purple-400 | #8145E3 | |
| purple-500 | #6516C1 | |
| purple-600 | #5700AC | |
| purple-700 | #440088 | |
| purple-800 | #300064 | |
| purple-900 | #200045 |
Grey
| Variable | Hex | Color |
|---|---|---|
| gray-25 | #FAFAFA | |
| gray-50 | #F3F3F3 | |
| gray-100 | #E2E2E2 | |
| gray-200 | #C6C6C6 | |
| gray-300 | #AAAAAA | |
| gray-400 | #8D8D8D | |
| gray-500 | #717171 | |
| gray-600 | #555555 | |
| gray-700 | #383838 | |
| gray-800 | #1C1C1C | |
| gray-900 | #000000 |
Others
| Variable | Hex | Color |
|---|---|---|
| Background | #FDFDFD | |
| White | #FFFFFF | |
| Text | #222222 | |
| Success | #36CF80 | |
| Warning | #F0B700 | |
| Danger | #FF0000 |
Typography
Heading 1
-
Font family: Centra Black
Mobile: 38pt (2.375rem)
Desktop: 70pt (4.375rem)
Line height: .95 Heading 2
-
Font family: Centra Extra Bold
Mobile: 30pt (1.75rem)
Desktop: 53pt (3.3125rem)
Line height: .95
Letter spacing: -4% Heading 3
-
Font family: Centra Extra Bold
Mobile: 24pt (1.5rem)
Desktop: 35pt (2.1875rem)
Line height: .95
Letter spacing: -4% Heading 4
-
Font family: Centra Bold
Mobile: 20pt (1.25rem)
Desktop: 25pt (1.5625rem)
Line height: 1.10
Letter spacing: -2% Intro
-
Font family: Inter Medium
Mobile: 19pt (1.1875rem)
Desktop: 24pt (1.55rem)
Line height: 1.40 Body large
-
Font family: Inter Regular
Size: 18pt (1.125rem)
Line height: 1.40 Body
-
Font family: Inter Regular
Size: 16pt (1rem)
Line height: 1.40 Body small
-
Font family: Inter Regular
Size: 14pt (0.875rem)
Line height: 1.40 Body xsmall
-
Font family: Inter Regular
Size: 12pt (0.75rem)
Line height: 1.40 Body xxsmall
-
Font family: Inter Regular
Size: 10pt (0.625rem)
Line height: 1.40
Icons
Font Awesome Pro 7 Regular