Design Language: Namma Metro

Colors

Font Families

Spacing Values

Shadows

Border Radii

Components

90%

A11y Score

Color Palette

Brand Colors

#262a37

Primary

1212 uses

#a1218c

Secondary

235 uses

#fffde0

Accent

2 uses

Neutrals

#ffffff

528 uses

#000000

158 uses

#716c80

12 uses

#d6d6d6

4 uses

#f5f5f5

2 uses

#869791

2 uses

#a9a9a9

1 uses

Full Palette

#262a37

text, border, background

1212 uses

#ffffff

background, text, border

528 uses

#a1218c

text, border, background

235 uses

#000000

text, border, background

158 uses

#388f26

text, border, background

155 uses

#212529

text, border

102 uses

#c8b900

text, border

68 uses

#716c80

text, border

12 uses

#d6d6d6

background

4 uses

#f5f5f5

background

2 uses

#fffde0

background

2 uses

#869791

background

2 uses

#68235d

background

1 uses

#a9a9a9

background

1 uses

Gradients

Typography

Font Families

Inter (all, 1066x)Times New Roman (body, 79x)remixicon (body, 9x)Font Awesome 5 Free (body, 5x)monospace (headings, 1x)

Type Scale

55px The quick brown fox 400 / 82.5px

36px The quick brown fox 700 / 50.4px

28px The quick brown fox 700 / 33.6px

27px The quick brown fox 400 / 40.5px

25px The quick brown fox 400 / 37.5px

24px The quick brown fox 700 / 28.8px

22px The quick brown fox 600 / 26.4px

20px The quick brown fox 400 / 20px

17px The quick brown fox 700 / 25.5px

16px The quick brown fox 400 / normal

15px The quick brown fox 900 / 15px

14px The quick brown fox 400 / 21px

Spacing Scale (base: 2px)

0px

30px

40px

50px

55px

60px

70px

74px

80px

88px

100px

106px

178px

195px

208px

228px

Namma Metro

Color Palette

Brand Colors

Neutrals

Full Palette

Gradients

Typography

Font Families

Type Scale

Spacing Scale (base: 2px)

Box Shadows

Border Radii

Accessibility

Color Pair Analysis