Sebastian Raschka, LLM Research Engineer | Sebastian Raschka, PhD

https://sebastianraschka.com/ 213 elements 4/27/2026
10
Colors
4
Font Families
7
Spacing Values
4
Shadows
4
Border Radii
7
Components
93%
A11y Score

Color Palette

Brand Colors

#101828
Primary
32 uses
#0479a8
Secondary
28 uses
#e5e7eb
Accent
11 uses

Neutrals

#111111
170 uses
#000000
99 uses
#ffffff
66 uses
#424242
14 uses

Full Palette

#111111
text, border
170 uses
#000000
text, border
99 uses
#ffffff
background, text, border
66 uses
#101828
text, border, background
32 uses
#0479a8
text, border
28 uses
#424242
text, border, background
14 uses
#e5e7eb
border, background
11 uses
#4b5563
text, border
11 uses
#c5050c
text, border
6 uses
#d1d5db
border
1 uses

Typography

Font Families

Helvetica (all, 144x)Times New Roman (body, 47x)Arial (all, 11x)ForkAwesome (body, 11x)

Type Scale

28.8px The quick brown fox 600 / 43.2px
26px The quick brown fox 400 / 39px
24px The quick brown fox 400 / 33.6px
17.6px The quick brown fox 400 / 31.68px
16px The quick brown fox 400 / normal
15.2px The quick brown fox 500 / 27.36px
15.04px The quick brown fox 400 / 15.04px
14.72px The quick brown fox 400 / normal
14.4px The quick brown fox 400 / 21.6px
14.08px The quick brown fox 600 / 21.12px
13.6px The quick brown fox 400 / 13.6px
13.3333px The quick brown fox 400 / normal

Spacing Scale

1px
20px
24px
29px
40px
45px
240px

Box Shadows

xs
md
lg
xl

Border Radii

8px
md
12px
lg
50px
full
999px
full

Accessibility

93%
WCAG Contrast Score
13 passing / 1 failing color pairs

Color Pair Analysis

Sample
#111111 on #0f172a
1.06:1
FAIL
1x
Sample
#111111 on #ffffff
18.88:1
AAA
4x
Sample
#101828 on #ffffff
17.75:1
AAA
2x
Sample
#424242 on #f7f9fc
9.53:1
AAA
1x
Sample
#000000 on #efefef
18.26:1
AAA
1x
Sample
#111111 on #efefef
16.42:1
AAA
1x
Sample
#0479a8 on #f7f9fc
4.62:1
AA
1x
Sample
#0479a8 on #ffffff
4.88:1
AA
1x
Sample
#111111 on #e5e7eb
15.25:1
AAA
1x
Sample
#f9fafb on #424242
9.62:1
AAA
1x