Style Guide
Typography
Heading 1
This is a
Heading 1.
Heading 2
This is a
Heading 2.
Heading 3
This is a
Heading 3.
Heading 4
This is a
Heading 4.
Heading 5
This is a
Heading 5.
Heading 6
This is a
Heading 6.
Body
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.
Body bold
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.
Body smaller
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.
Body smaller bold
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.
Hyperlink
This is a hyperlink.Colors
Greys
White
FFFFFF
100
#e8eef3
300
#a2abc2
900
#292b33
Black
000000
Teals
300
#4af0eb
300
#1bcee0
500
#068db1
700
#005f84
900
#003d60
UI
Light Red
D98C83
Red
C36862
Light Green
90D3BB
Green
72BE91
