Style guide

Colors
Primary 100
#B2F042
White 100
#F5F5F5
Black 100
#0A0A0A
Neutral 100
#1D1D1F
Neutral 200
#303033
Neutral 300
#4B4B4D
Neutral 400
#9F9FA3
Neutral 500
#C4C4C9
Neutral 600
#F0F0F5
Typeface

Heading 1 - Aa Bb Cc

80px | 120%

Heading 2 - Aa Bb Cc

64px | 120%

Heading 3 - Aa Bb Cc

48px | 120%

Heading 4 - Aa Bb Cc

40px | 120%
Heading 5 - Aa Bb Cc
32px | 120%
Heading 6 - Aa Bb Cc
24px | 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