Code Vantage

https://codevantage.in/ 585 elements 4/30/2026
12
Colors
10
Font Families
13
Spacing Values
3
Shadows
8
Border Radii
9
Components
100%
A11y Score

Color Palette

Brand Colors

#7df9ff
Primary
10 uses
#f476ff
Secondary
8 uses
#33123a
Accent
1 uses

Neutrals

#ffffff
1086 uses
#000000
37 uses
#aaaaaa
34 uses
#9d9c9c
14 uses
#1f1f1f
6 uses
#cdcdcd
2 uses

Full Palette

#ffffff
text, border, background
1086 uses
#000000
background, text, border
37 uses
#aaaaaa
text, border
34 uses
#9d9c9c
text, border
14 uses
#7df9ff
text, border
10 uses
#f476ff
text, border
8 uses
#f4f842
text, border
8 uses
#1f1f1f
background
6 uses
#fda92c
text, border
4 uses
#cdcdcd
text, border
2 uses
#33123a
background
1 uses
#0e0614
background
1 uses

Gradients

Typography

Font Families

Inter (all, 350x)JetBrainsMono (body, 88x)Nulshock (all, 60x)Times New Roman (body, 33x)nulshock (all, 33x)Oswald (body, 8x)JetBrains Mono (body, 6x)Arial (body, 3x)inter (body, 3x)jetbrains (body, 1x)

Type Scale

192px The quick brown fox 500 / 150px
96px The quick brown fox 700 / normal
80px The quick brown fox 700 / normal
64px The quick brown fox 700 / 76.8px
56px The quick brown fox 900 / normal
51.2px The quick brown fox 600 / normal
48px The quick brown fox 600 / normal
40px The quick brown fox 600 / 52px
32px The quick brown fox 600 / normal
28.8px The quick brown fox 700 / normal
24px The quick brown fox 700 / normal
18px The quick brown fox 400 / normal

Spacing Scale (base: 2px)

4px
13px
40px
48px
57px
80px
100px
112px
120px
128px
160px
200px
320px

Box Shadows

lg
lg (inset)
xl

Border Radii

12px
lg
15px
lg
20px
xl
30px
full
48px
full
64px
full
100px
full
128px
full

Accessibility

100%
WCAG Contrast Score
33 passing / 0 failing color pairs

Color Pair Analysis

Sample
#ffffff on #000000
21:1
AAA
25x
Sample
#ffffff on #1f1f1f
16.48:1
AAA
6x
Sample
#ffffff on #33123a
16.3:1
AAA
1x
Sample
#ffffff on #0e0614
19.91:1
AAA
1x