Style guide
Heading tags
H1 Heading
Sample text is being used as a placeholder.
H2 Heading
Sample text is being used as a placeholder.
H3 Heading
Sample text is being used as a placeholder.
H4 Heading
Sample text is being used as a placeholder.
H5 Heading
Sample text is being used as a placeholder.
Body text tags
Extra large text semibold (32)
Extra large text (32)
Large text semibold (24)
Large text (24)
Medium text semibold (18)
Medium text (18)
Normal text semibold (16)
Normal text (16)
Small text (12)
Small text (12)
TEXT TAGS
All Paragraphs
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.
All Quotes
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.
- List item
- List item
- List item
TEXT colors
Black text
Grey text
White text
Buttons
Color palette
Purple
#500e46
Light pink
#923d66
Green
#394b4c
Light green
#78949b
Light blue
#636684
Orange
#ea5f3b
Light grey
#ff9c7d
White
#ffffff
Backgrounds
Purple
#500e46
Purple gradient
#62345e
#500e46
Light pink
#923d66
Pink gradient
#5b2853
#923d66
Green
#394b4c
Green gradient
#394b4c
#78949b
Blue
#373949
Blue gradient
#373949
#636684
Orange
#ea5f3b
Orange gradient
#ea5f3b
#ff9c7d
Grey
#f2f2f2
Grey gradient
#ffffff
#f2f2f2
White
#ffffff
Social media icons
