Colors

Brand color

Accents

Text

Base

Brand Color

Primary

#1E5DBC

Secondary

#4EB2F9

Tertiary

#F5F9FE

Accents

Green

#1EBCB4

Yellow

#FFB201

Purple

#A27FFF

Text

Darker

#0F2F64

Dark

#536288

Light

#8B98B8

Lighter

#E1E3E8

Base

White

#FFFFFF

Lighter

#FFB201

Typography

Display

Rich Text

DISPLAY

Display 1

Graphik - Bold

80 px, 96%, 0%

Display 1 - Aa Bb Cc Dd

Display 2

Graphik - Medium

24 px, 160%, 0%

Display 2 - Aa Bb Cc Dd

Display 3

Graphik - Normal

24 px, 160%, 0%

Display 3 - Aa Bb Cc Dd

RICH TEXT

Heading 1

Graphik - Medium

56 px, 120%, 0%

Heading H1 - Aa Bb Cc Dd

Heading 2

Graphik - Medium

40 px, 120%, 0%

Heading H2 - Aa Bb Cc Dd

Heading 3

Graphik - Medium

24 px, 120%, 0%

Heading H3 - Aa Bb Cc Dd

Heading 4

Graphik - Medium

20 px, 120%, 0%

Heading H4 - Aa Bb Cc Dd

Heading 5

Graphik - Medium

18 px, 120%, 0%

Heading H5 - Aa Bb Cc Dd

Heading 6

Graphik - Medium

16 px, 120%, 0%

Heading H6 - Aa Bb Cc Dd

Paragraph

GT Walsheim

16 px, 160%, 0%

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 Large

GT Walsheim

18 px, 160%, 0%

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 Extra Large

GT Walsheim

20 px, 160%, 0%

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.

Links

Link - Lorem ipsum dolor sit amet

Bold Text

Bold - Lorem ipsum dolor sit amet

Italic Text

Italic - Lorem ipsum dolor sit amet

Bullet List

Aliquet porttitor lacus luctus accumsan tortor. Gravida rutrum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Senectus et netus et malesuada fames ac turpis egestas

Numered List

Aliquet porttitor lacus luctus accumsan tortor. Gravida rutrum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Senectus et netus et malesuada fames ac turpis egestas

Block Quote

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.

Figure and Figure Caption