Style guide

Colors

Primary 100
#F2632F

White 100
#F9F9F9

Black 100
#0a0a0a

White 0.6

White 0.4

White 0.2

main Headers

H1

Heading 1

H2

Heading 2

H3

Heading 3

H4

Heading 4

H5

Heading 5

H6

Heading 6

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

Item 1
Item 2
Item 3

Unordered list

Item A
Item B
Item C

Text link

Bold text

Emphasis

^Superscript

_Subscript

‍

This is a caption

Buttons

button-text

Paragraphs

Shapes, colors, and space dancing in harmony.

Headers

Dancing in harmony.

Spacing Tokens

Space-xs

Space-sm

Space-md

Space-lg

Space-xl

Space-2xl

Space-3xl

Space-4xl

Space-5xl

Space-6xl

padding Tokens

padding-none

padding-2xs

padding-xs

padding-sm

padding-md

padding-lg

padding-xl

padding-2xl

padding-3xl

padding-4xl

Containers

headline-container