Design Style Guide
Trustworthy, Hardworking, Playful, Knowledgable
Color Pallettes
Primary Lightest
#5f89d1
Primary Light
#396cc4
Primary
#3361B0
Primary Dark
#284b88
Primary Darkest
#010339
Secondary Lightest
#c1d15f
Secondary Light
#b1c439
Secondary
#9fb033
Secondary Dark
#8d9c2d
Secondary Darkest
#697522
Neutral Lightest
#fbfbfb
Neutral Light
#eeeeee
Neutral
#e1e1e1
Neutral Dark
#d4d4d4
Neutral Darkest
#c8c8c8
Typography
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Regular Body Text
Lead Font Text
H1: This is How an H1 Headline Looks
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
H2: This is How an H2 Headline Looks
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
H3: This is How an H3 Headline Looks
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
H4: This is How an H4 Headline Looks
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
H5: This is How an H5 Headline Looks
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Buttons
Brand Assets
