Prem Pandey - Product Designer for SaaS & AI

https://prempandey.com/ 1208 elements 4/26/2026
14
Colors
7
Font Families
10
Spacing Values
4
Shadows
13
Border Radii
4
Components
59%
A11y Score

Color Palette

Brand Colors

#0000ee
Primary
216 uses
#ff5600
Secondary
16 uses
#0078ff
Accent
2 uses

Neutrals

#000000
1895 uses
#666666
142 uses
#ffffff
125 uses
#1c1c1c
53 uses
#101010
43 uses
#2e2e2e
22 uses
#959595
22 uses
#f0f0f0
12 uses

Full Palette

#000000
text, border, background
1895 uses
#0000ee
text, border
216 uses
#666666
text, border
142 uses
#ffffff
background, text, border
125 uses
#1c1c1c
background, text, border
53 uses
#101010
text, border, background
43 uses
#2e2e2e
text, border
22 uses
#959595
text, border
22 uses
#ff5600
text, border
16 uses
#f0f0f0
background
12 uses
#e5f1ff
text, border
4 uses
#0078ff
background
2 uses
#008236
text, border
2 uses
#ff4700
background
1 uses

Typography

Font Families

sans-serif (all, 1023x)Inter Display (all, 137x)Times New Roman (body, 29x)Source Serif 4 (all, 8x)Inter (all, 5x)SF Pro (body, 4x)Season Mix-TRIAL SemiBold (body, 2x)

Type Scale

48px The quick brown fox 600 / 57.6px
36px The quick brown fox 600 / 43.2px
24px The quick brown fox 600 / 25.44px
20px The quick brown fox 670 / 24px
16px The quick brown fox 400 / normal
12px The quick brown fox 400 / normal
10px The quick brown fox 600 / 14px
7px The quick brown fox 600 / 7.42px
4px The quick brown fox 500 / 4.64px

Spacing Scale (base: 2px)

3px
15px
24px
28px
31px
40px
46px
52px
58px
80px

Box Shadows

xs
md (inset)
md (inset)
xl

Border Radii

1px
xs
4px
sm
7px
md
10px
md
14px
lg
20px
xl
27px
full
58px
full
92px
full
100px
full
177px
full
300px
full
374px
full

Accessibility

59%
WCAG Contrast Score
82 passing / 57 failing color pairs

Color Pair Analysis

Sample
#000000 on #1f1f1f
1.27:1
FAIL
20x
Sample
#000000 on #101010
1.1:1
FAIL
15x
Sample
#000000 on #171717
1.17:1
FAIL
8x
Sample
#0000ee on #1c1c1c
1.81:1
FAIL
5x
Sample
#000000 on #060709
1.04:1
FAIL
5x
Sample
#000000 on #151515
1.15:1
FAIL
4x
Sample
#000000 on #ffffff
21:1
AAA
58x
Sample
#000000 on #f0f0f0
18.43:1
AAA
12x
Sample
#0000ee on #ffffff
9.4:1
AAA
9x
Sample
#000000 on #0078ff
5.13:1
AA
2x
Sample
#000000 on #ff4700
6.15:1
AA
1x