Figma & Framer Expert | Websites That Convert

https://aestho.xyz/ 1175 elements 4/26/2026
11
Colors
2
Font Families
6
Spacing Values
6
Shadows
3
Border Radii
5
Components
13%
A11y Score

Color Palette

Brand Colors

#9ca3b0
Primary
90 uses
#e5e7eb
Secondary
51 uses
#ff2400
Accent
1 uses

Neutrals

#ffffff
256 uses
#000000
180 uses
#18181b
76 uses
#6b7280
16 uses
#f4f4f4
4 uses
#3c3e44
4 uses

Full Palette

#ffffff
background, text, border
256 uses
#000000
text, border
180 uses
#9ca3b0
text, border
90 uses
#18181b
text, border, background
76 uses
#e5e7eb
border, background
51 uses
#070a0d
text, border
36 uses
#6b7280
text, border
16 uses
#f4f4f4
background, border
4 uses
#3c3e44
text, border
4 uses
#ff2400
background
1 uses
#0636ff
background
1 uses

Gradients

Typography

Font Families

ui-sans-serif (all, 1173x)Cal Sans (all, 2x)

Type Scale

60px The quick brown fox 600 / 66px
48px The quick brown fox 700 / 48px
36px The quick brown fox 600 / 41.4px
30px The quick brown fox 600 / 37.5px
24px The quick brown fox 700 / 32px
20px The quick brown fox 700 / 28px
18px The quick brown fox 500 / 28px
16px The quick brown fox 400 / 24px
14px The quick brown fox 500 / 20px
12px The quick brown fox 400 / 16px
11px The quick brown fox 700 / 16.5px
10px The quick brown fox 400 / 15px

Spacing Scale (base: 2px)

2px
80px
96px
170px
255px
303px

Box Shadows

sm
sm
sm
sm (inset)
sm
sm

Border Radii

2px
xs
6px
md
10px
md

Accessibility

13%
WCAG Contrast Score
9 passing / 60 failing color pairs

Color Pair Analysis

Sample
#9ca3b0 on #f6f7f9
2.37:1
FAIL
30x
Sample
#9ca3b0 on #e5e7eb
2.05:1
FAIL
30x
Sample
#070a0d on #e5e7eb
16.03:1
AAA
8x
Sample
#18181b on #ffffff
17.72:1
AAA
1x