Discover mint21.com design foundations
Learn how mint21.com uses colors and fonts to enhance user experience and design coherence.
Last update: 07/09/2024
ICONS

TYPOGRAPHIES
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
COLORS
CALL TO ACTION
The call to action color is specifically chosen to stand out on the page. It's used on elements that require user interaction or urgent attention, such as "submit" buttons, promotional banners, or important links.
50
50
#d5d3d3
100
100
#bcbab9
200
200
#a3a09f
300
300
#8a8685
400
400
#706d6b
500
500
#565452
600
600
#3c3a39
700
700
#222120
800
800
#080807
900
900
#000000
950
950
#000000
HERO
The hero color is used to draw attention to the most important content on the page. It's the main color used on content above the fold.
50
50
#d5d3d3
100
100
#bcbab9
200
200
#a3a09f
300
300
#8a8685
400
400
#706d6b
500
500
#565452
600
600
#3c3a39
700
700
#222120
800
800
#080807
900
900
#000000
950
950
#000000
ACCENT
The accent color is used to highlight important elements on the page, such as headings, links, or buttons. It's a secondary color that complements the primary color scheme.
50
50
#6363bb
100
100
#4848a3
200
200
#383880
300
300
#28285c
400
400
#191939
500
500
#090915
600
600
#000000
700
700
#000000
800
800
#000000
900
900
#000000
950
950
#000000
BACKGROUND
The background color is the primary color used in the background of the page. It's a neutral color that provides a backdrop for the content on the page.
50
50
#d5d3d3
100
100
#bcbab9
200
200
#a3a09f
300
300
#8a8685
400
400
#706d6b
500
500
#565452
600
600
#3c3a39
700
700
#222120
800
800
#080807
900
900
#000000
950
950
#000000
SURFACE
The surface color is used to create depth and dimension on the page. It's a light color that's used on elements like cards, modals, and other surfaces that need to stand out from the background.
50
50
#fbf4ea
100
100
#f2dfc0
200
200
#e9c996
300
300
#e0b36c
400
400
#d79e42
500
500
#bd8428
600
600
#93671f
700
700
#694916
800
800
#3f2c0d
900
900
#150f04
950
950
#000000