Jayden - OnePage Personal Portfolio Template for Designers

https://jayden-portfolio.framer.website/ 1890 elements 5/4/2026
14
Colors
5
Font Families
24
Spacing Values
8
Shadows
11
Border Radii
5
Components
67%
A11y Score

Color Palette

Brand Colors

#0000ee
Primary
356 uses
#f3500f
Secondary
6 uses
#1ef482
Accent
1 uses

Neutrals

#000000
2447 uses
#ffffff
730 uses
#666666
294 uses
#808080
36 uses
#111111
31 uses
#e0e0e0
26 uses
#252525
11 uses
#767676
11 uses
#bbbbbb
10 uses
#313131
1 uses

Full Palette

#000000
text, border, background
2447 uses
#ffffff
text, border, background
730 uses
#0000ee
text, border
356 uses
#666666
text, border
294 uses
#808080
background, text, border
36 uses
#111111
background
31 uses
#e0e0e0
background, text, border
26 uses
#252525
background
11 uses
#767676
border
11 uses
#bbbbbb
text, border
10 uses
#f3500f
text, border
6 uses
#1ef482
background
1 uses
#313131
background
1 uses
#1a1a1a
background
1 uses

Gradients

Typography

Font Families

sans-serif (all, 1368x)Rajdhani (all, 478x)Times New Roman (body, 32x)Poppins (body, 11x)Inter (body, 1x)

Type Scale

96px The quick brown fox 500 / 96px
88px The quick brown fox 500 / 90px
78px The quick brown fox 400 / 98px
48px The quick brown fox 500 / 56px
40px The quick brown fox 500 / 52px
36px The quick brown fox 500 / 44px
24px The quick brown fox 500 / 30px
20px The quick brown fox 400 / 28px
18px The quick brown fox 400 / 28px
16px The quick brown fox 400 / normal
14px The quick brown fox 400 / 20px
12px The quick brown fox 400 / normal

Spacing Scale (base: 2px)

1px
23px
29px
31px
34px
36px
40px
46px
50px
53px
55px
58px
64px
66px
74px
76px

Box Shadows

sm (inset)
xs
xs (inset)
xs
md (inset)
md (inset)
md (inset)
md

Border Radii

4px
sm
10px
md
16px
lg
24px
xl
34px
full
40px
full
50px
full
99px
full
400px
full
1000px
full
10000px
full

Accessibility

67%
WCAG Contrast Score
99 passing / 49 failing color pairs

Color Pair Analysis

Sample
#000000 on #111111
1.11:1
FAIL
28x
Sample
#000000 on #252525
1.37:1
FAIL
10x
Sample
#0000ee on #000001
2.23:1
FAIL
3x
Sample
#000000 on #101010
1.1:1
FAIL
3x
Sample
#0000ee on #000000
2.23:1
FAIL
2x
Sample
#0000ee on #313131
1.38:1
FAIL
1x
Sample
#000000 on #282828
1.42:1
FAIL
1x
Sample
#000000 on #1a1a1a
1.21:1
FAIL
1x
Sample
#000000 on #ffffff
21:1
AAA
40x
Sample
#000000 on #808080
5.32:1
AA
34x
Sample
#0000ee on #ffffff
9.4:1
AAA
16x
Sample
#000000 on #e0e0e0
15.91:1
AAA
8x
Sample
#000000 on #1ef482
14.32:1
AAA
1x