Style guide

Colors
Primary 100
#7652CB
White 100
#F5F5F5
Black 100
#19191A
Neutral 100
#313133
Neutral 200
#5E5E61
Neutral 300
#CACACE
Neutral 400
#E6E6EB
Primary 200
#F3EFFA
Typeface

Heading 1 - Aa Bb Cc

72px | 120%

Heading 2 - Aa Bb Cc

60px | 120%

Heading 3 - Aa Bb Cc

48px | 120%

Heading 4 - Aa Bb Cc

36px | 120%
Heading 5 - Aa Bb Cc
24px | 120%
Heading 6 - Aa Bb Cc
20px | 120%
Rich text:

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

This is a caption
Buttons
Button text
Primary Button
Button text
Secondary Button