Colors

Primary Colors

Primary 1

#064EA4

Secondary Colors

Secondary 1

#66cbca

Secondary 2

#fcdf69

Secondary 3

#f58b0e

Secondary 4

#d9c048

Neutral Colors

Neutral 800

#6D2696

Neutral 700

#40215A

Neutral 600

#9A70D0

Neutral 500

#CEC7F0

Neutral 400

#DFDBF2

Neutral 300

#ECEAF7

Neutral 200

#F4F4F4

Neutral 100

#FFFFFF

Greys

Grey 800

#3B3938

Grey 500

#828282

Grey 400

#BAB7B7

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