Colors

Colors are the most important aspect in any digital experience for the users.

Overall, with this color palette the feel of the design blended with the action points dictating a visual balance and contrast the structure of the project comes all along. It's important to follow this color palette to preserve the brand identity.

Color Palette

Primary

.primary {color: #072ac8;}

Secondary

.secondary {color: #1e96fc;}

Accent

.accent {color: #a2d6f9;}

Alternative

.alt {color: #fcf300;}

Body Text

This is an example on how the combinations of background-color and text color match for users legibility. The best choice according to our color palette is the first one which is .bg with .t-black for text color

Label	1.5rem
Primary Color	Legible
Body Text	Not legible
Secondary	Legible
Accent text	Pass

.bg {background-color: #FAFBFC;}

Label	1.5rem
Primary Color	Not legible
Body Text	Pass
Secondary	Not legible
Accent text	Not legible

.bg-primary {background-color: #072ac8;}

Label	1.5rem
Primary Color	Not legible
Body Text	Pass
Secondary	Not legible
Accent text	Pass

.bg-secondary {background-color: #1e96fc;}

Label	1.5rem
Primary Color	Not legible
Body Text	Pass
Secondary	Not legible
Accent text	Pass

.bg-accent {background-color: #a2d6f9;}

Label	1.5rem
Primary Color	Pass
Body Text	Not legible
Secondary	Not legible
Accent text	Pass

.bg-alt {background-color: #fcf300;}