MAP3 Design System
Navigate through the library used
to build the MAP3 Application
Colors:
Main Colors:
Pink
#C438FF
White Text
Pass
Pass
Black Text
Violet Blue
#563FF
White Text
Pass
Not Legible
Black Text
Black
#000000
White Text
Pass
Not Legible
Black Text
White
#FFFFFF
White Text
Not Legible
Pass
Black Text
Accent Colors:
Rose Pink
#E9BEFB
White Text
Not Legible
Pass
Black Text
Medium Grey
#808080
White Text
Pass
Pass
Black Text
Gradients:
Pink/ Blue
#C438FF/ #3D32FF
White Text
Pass
Dependent
Black Text
Grey/ Black
#414141/ #0F0F0F
White Text
Pass
Not Legible
Black Text
Colors:
Main Colors:
Pink
#C438FF
White Text
Pass
Pass
Pass
Pass
Black Text
Violet Blue
#563FF
Pass
Not Legible
White Text
Pass
Not Legible
Black Text
Black
#000000
Pass
Not Legible
White Text
Pass
Not Legible
Black Text
White
#FFFFFF
Not Legible
Pass
White Text
Not Legible
Pass
Black Text
Accent Colors:
Rose Pink
#E9BEFB
Not Legible
Pass
White Text
Not Legible
Pass
Black Text
Medium Grey
#808080
Pass
Pass
White Text
Pass
Pass
Black Text
Gradients:
Pink/ Blue
#C438FF/ #3D32FF
Pass
Dependent
White Text
Pass
Dependent
Black Text
Grey/ Black
#414141/ #0F0F0F
Pass
Not Legible
Black Text
White Text
Pass
Not Legible
Black Text
Colors:
Main Colors:
Pink
#C438FF
White Text
Pass
Pass
Black Text
Violet Blue
#563FF
White Text
Pass
Not Legible
Black Text
Black
#000000
White Text
Pass
Not Legible
Black Text
White
#FFFFFF
White Text
Not Legible
Pass
Black Text
Accent Colors:
Rose Pink
#E9BEFB
White Text
Not Legible
Pass
Black Text
Medium Grey
#808080
White Text
Pass
Pass
Black Text
Gradients:
Pink/ Blue
#C438FF/ #3D32FF
White Text
Pass
Dependent
Black Text
Grey/ Black
#414141/ #0F0F0F
White Text
Pass
Not Legible
Black Text
MAP3 Design System
Navigate through the library used
to build the MAP3 Application
Colors:
Main Colors:
Pink
#C438FF
White Text
Pass
Pass
Pass
Pass
Black Text
Violet Blue
#563FF
Pass
Not Legible
White Text
Pass
Not Legible
Black Text
Black
#000000
Pass
Not Legible
Black Text
White Text
Pass
Not Legible
Black Text
White
#FFFFFF
Not Legible
Pass
White Text
White Text
Not Legible
Pass
Black Text
Accent Colors:
Rose Pink
#E9BEFB
Not Legible
Pass
White Text
Not Legible
Pass
Black Text
Medium Grey
#808080
Pass
Pass
White Text
Pass
Pass
Black Text
Gradients:
Pink/ Blue
#C438FF/
#3D32FF
Pass
Dependent
White Text
Pass
Dependent
Black Text
Grey/ Black
#414141/
#0F0F0F
Pass
Not Legible
Black Text
Black Text
White Text
Pass
Not Legible
Black Text
Colors:
Main Colors:
Pink
#C438FF
White Text
Pass
Pass
Pass
Pass
Black Text
Violet Blue
#563FF
Pass
Not Legible
White Text
Pass
Not Legible
Black Text
Black
#000000
Pass
Not Legible
Black Text
White Text
Pass
Not Legible
Black Text
White
#FFFFFF
Not Legible
Pass
White Text
White Text
Not Legible
Pass
Black Text
Accent Colors:
Rose Pink
#E9BEFB
Not Legible
Pass
White Text
Not Legible
Pass
Black Text
Medium Grey
#808080
Pass
Pass
White Text
Pass
Pass
Black Text
Gradients:
Pink/ Blue
#C438FF/
#3D32FF
Pass
Dependent
White Text
Pass
Dependent
Black Text
Grey/ Black
#414141/
#0F0F0F
Pass
Not Legible
Black Text
Black Text
White Text
Pass
Not Legible
Black Text
Next Page