Design Language: Jayden - OnePage Personal Portfolio Template for Designers

Colors

Font Families

Spacing Values

Shadows

Border Radii

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)

Box Shadows

sm (inset)

xs (inset)

md (inset)

Border Radii

4px

10px

16px

24px

34px

full

40px

full

50px

full

99px

full

400px

full

1000px

full

10000px

full

Jayden - OnePage Personal Portfolio Template for Designers

Color Palette

Brand Colors

Neutrals

Full Palette

Gradients

Typography

Font Families

Type Scale

Spacing Scale (base: 2px)

Box Shadows

Border Radii

Accessibility

Color Pair Analysis