Ikigai — Design Partner for Web3 & AI

https://www.ikigaidesigns.co/ 2440 elements 5/1/2026
10
Colors
3
Font Families
9
Spacing Values
2
Shadows
4
Border Radii
5
Components
91%
A11y Score

Color Palette

Brand Colors

#e5e7eb
Primary
2323 uses
#f4f4f0
Secondary
946 uses
#fe3b2f
Accent
84 uses

Neutrals

#888888
1349 uses
#0a0a0a
167 uses
#000000
65 uses
#444444
29 uses
#555555
29 uses
#ffffff
10 uses
#cccccc
1 uses

Full Palette

#e5e7eb
border
2323 uses
#888888
text
1349 uses
#f4f4f0
text, background, border
946 uses
#0a0a0a
background, border, text
167 uses
#fe3b2f
background, text, border
84 uses
#000000
text, background
65 uses
#444444
text
29 uses
#555555
text
29 uses
#ffffff
text, border
10 uses
#cccccc
text
1 uses

Gradients

Typography

Font Families

__GeistSans_245d8d (all, 2194x)__GeistMono_97c177 (body, 184x)ui-sans-serif (body, 62x)

Type Scale

70.4px The quick brown fox 500 / 73.92px
57.6px The quick brown fox 500 / 52.992px
53.76px The quick brown fox 500 / 58.0608px
51.2px The quick brown fox 500 / 48.64px
35.84px The quick brown fox 500 / 35.84px
33.28px The quick brown fox 500 / 30.6176px
25.6px The quick brown fox 500 / 23.552px
18px The quick brown fox 400 / 18px
16px The quick brown fox 400 / 24px
14px The quick brown fox 400 / 20px
13px The quick brown fox 400 / 17.875px
12px The quick brown fox 400 / 16px

Spacing Scale (base: 2px)

1px
40px
48px
56px
64px
72px
80px
112px
420px

Box Shadows

sm (inset)
sm

Border Radii

3px
sm
12px
lg
50px
full
9999px
full

Accessibility

91%
WCAG Contrast Score
102 passing / 10 failing color pairs

Color Pair Analysis

Sample
#f4f4f0 on #fe3b2f
3.24:1
FAIL
9x
Sample
#f4f4f0 on #fe3a2f
3.25:1
FAIL
1x
Sample
#f4f4f0 on #0a0a0a
17.96:1
AAA
71x
Sample
#f4f4f0 on #111111
17.13:1
AAA
26x
Sample
#f4f4f0 on #000000
19.05:1
AAA
5x