X. It’s what’s happening / X

https://x.com/ 264 elements 4/25/2026
9
Colors
3
Font Families
4
Spacing Values
0
Shadows
1
Border Radii
3
Components
80%
A11y Score

Color Palette

Brand Colors

#829aab
Primary
54 uses
#0f1419
Secondary
40 uses
#eff3f4
Accent
2 uses

Neutrals

#000000
379 uses
#ffffff
6 uses

Full Palette

#000000
text, border
379 uses
#829aab
text
54 uses
#0f1419
text, border, background
40 uses
#536471
text
39 uses
#ffffff
background, text
6 uses
#1d9bf0
text
6 uses
#cfd9de
border
3 uses
#0000ee
text
3 uses
#eff3f4
background
2 uses

Typography

Font Families

Times New Roman (body, 134x)TwitterChirp (body, 126x)TwitterChirpExtendedHeavy (body, 4x)

Type Scale

64px The quick brown fox 700 / 84px
31px The quick brown fox 700 / 36px
17px The quick brown fox 700 / 20px
15px The quick brown fox 400 / normal
11px The quick brown fox 400 / 12px

Spacing Scale (base: 2px)

2px
32px
40px
48px

Border Radii

9999px
full

Accessibility

80%
WCAG Contrast Score
4 passing / 1 failing color pairs

Color Pair Analysis

Sample
#0000ee on #0f1419
1.97:1
FAIL
1x
Sample
#000000 on #ffffff
21:1
AAA
2x
Sample
#000000 on #eff3f4
18.8:1
AAA
2x