primary color
navigation
#0071bc
#205493
style guide
color palette
secondary color
buttons, links, & active states
#21a1d0
#e59393
tertiary color
background, text, & icons
#e5dbdd
#c3c3c3
#707070
status change
use these colors on components that require a different state
#f7c5ab
active attention
#b2ffbe
completed success
#bf4343
error critical
#94bfa2
pending on hold
#fad980
in progress
typography
Aa
font family open sans regular
color #707070
Header 1
font open sans bold/color #707070
Header 2
font open sans bold/color #707070
HEADER 3
font open sans bold/color #707070
This is body copy. Throughout text purges words. Text dances an acquaintance under the corridor. Words finances the unset effect outside an inheritance.
Should a pouring mouth swim throughout the battle? In text reacts the circular. Words wows text.
font open sans regular/color #707070
this is an inline link
font open sans regular
color #21a1d0
Aa
font family playfair display regular
color #707070
Header 1
font playfair display bold/color #707070
Header 2
font playfair display bold/color #707070
HEADER 3
font playfair display bold/color #707070
This is body copy. Throughout text purges words. Text dances an acquaintance under the corridor. Words finances the unset effect outside an inheritance.
Should a pouring mouth swim throughout the battle? In text reacts the circular. Words wows text.
font open sans regular/color #707070
this is an inline link
font open sans regular
color #21a1d0
icons
default state
active state
completed state
error state