Colors

Primary Colors

P1: Purple 100

#3c1053

P2: Red 100

#ed0c00

Secondary Colors

S1: Purple 20

#d8cfdd

S2: Purple 60

#8a7098

S3: Purple 120

#2d0c3e

S4: Red 20

#fcd3d1

S5: Red 60

#f57c75

S6: Red 120

#d00a00

Neutral Colors

N1: Charcoal 100

#3d3935

N2: Charcoal 120

#252320

N3: Black 80

#747474

N4: Black 40

#cccccc

N5: Black 20

#eeeeee

N6: Black 10

#fafafa

N7: Stone

#8c857b

N8: Sand

#e8e3db

N9: White

#FFFFFF

Typography

Rich Text

Heading H1 - Aa Bb Cc Dd

Heading 1 - 60px/1.300em

Heading H2 - Aa Bb Cc Dd

Heading 2 - 38px/1.289em

Heading H3 - Aa Bb Cc Dd

Heading 3 - 24px/1.500em

Heading H4 - Aa Bb Cc Dd

Heading 4 - 20px/1.500em

Heading H5 - Aa Bb Cc Dd

Heading 5 - 18px/1.444em

Heading H6 - Aa Bb Cc Dd

Heading 6 - 16px/1.500em

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus.

Paragraph Small - 15px/1.600em

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Paragraph Default - 18px/1.667em

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Paragraph Large - 24px/1.583em

Link - Lorem ipsum dolor sit amet

Links

Bold - Lorem ipsum dolor sit amet

Bold Text

Italic - Lorem ipsum dolor sit amet

Italic Text

“Sed viverra ipsum nunc aliquet bibendum enim facilisis gravida. Diam phasellus vestibulum lorem sed risus ultricies. Magna sit amet purus gravida quis blandit. Arcu cursus vitae congue mauris.“

Block Quote