Colors

Primary Colors

Primary 1

#065682

Secondary Colors

Secondary 1

#E1EDFB

Secondary 2

#F4DE05

Secondary 3

#EA5161

Secondary 4

#8772B2

Secondary 5

#D76BA7

Pilar Colors

Pilar 1

#DD2AB7

Pilar 2

#EA5500

Pilar 3

#4791E5

Pilar 4

#3AB355

Pilar 5

#FFB340

Neutral Colors

Neutral 800

#065682

Neutral 700

#1E3D60

Neutral 600

#4C5B7B

Neutral 500

#8096B0

Neutral 400

#BECAD7

Neutral 300

#E7EAEE

Neutral 200

#F9FAFB

Neutral 100

#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