Colors

Primary Colors

Primary 1

#88cddd

Secondary Colors

Secondary 1

#f1fcfe

Secondary 2

#E98B2C

Neutral Colors

Neutral 800

#37646e

Neutral 700

#1b3b42

Neutral 600

#625D7E

Neutral 500

#9693B8

Neutral 400

#d8e3e5

Neutral 300

#eef5f6

Neutral 200

#f9fbfc

Neutral 100

#FFFFFF

Typography

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.

Block quote

Ordered list

Item 1
Item 2
Item 3

Unordered list

Item A
Item B
Item C

Text link

Bold text

Emphasis

^Superscript

_Subscript

Heading H1 - Aa Bb Cc Dd

Heading 1 - 58px/1.034em

Heading H2 - Aa Bb Cc Dd

Heading 2 - 38px/1.237em

Heading H3 - Aa Bb Cc Dd

Heading 3 - 24px/1.250em

Heading H4 - Aa Bb Cc Dd

Heading 4 - 20px/1.400em

Heading H5 - Aa Bb Cc Dd

Heading 5 - 18px/1.222em

Heading H6 - Aa Bb Cc Dd

Heading 6 - 16px/1.375em

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 - 16px/1.625em

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, 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.

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

Subtitle - Lorem ipsum dolor sit amet

Subtitle Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquet euismod ut id ullamcorper nunc diam. Amet a ac ut pharetra. Amet, accumsan, nisl in elementum volutpat integer. Cursus est elementum maecenas ut.

Block Quote