Twent — Your Personal Agentic OS

https://twent.xyz/ 416 elements 4/26/2026
17
Colors
2
Font Families
9
Spacing Values
3
Shadows
3
Border Radii
7
Components
90%
A11y Score

Color Palette

Brand Colors

#3b82f6
Primary
20 uses
#f97316
Secondary
18 uses
#3b82f6
Accent
20 uses

Neutrals

#18181b
435 uses
#000000
167 uses
#71717a
100 uses
#3f3f46
32 uses
#ffffff
26 uses
#52525b
24 uses
#a1a1aa
21 uses
#d4d4d8
17 uses
#e4e4e7
17 uses

Full Palette

#18181b
text, border, background
435 uses
#000000
text, border, background
167 uses
#71717a
text, border
100 uses
#3f3f46
text, border
32 uses
#ffffff
background, text, border
26 uses
#52525b
text, border
24 uses
#a1a1aa
text, border, background
21 uses
#3b82f6
text, border, background
20 uses
#f97316
background, text, border
18 uses
#d4d4d8
background, border
17 uses
#e4e4e7
background, border
17 uses
#ea580c
background
4 uses
#22c55e
text, border
4 uses
#ff2023
text, border
4 uses
#0b39eb
background, border
2 uses
#fde3e3
background
2 uses
#ff9696
border
2 uses

Gradients

Typography

Font Families

Inter Variable (all, 398x)Calive Pixel (all, 18x)

Type Scale

72px The quick brown fox 400 / 79.2px
48px The quick brown fox 400 / 60px
36px The quick brown fox 400 / 40px
30px The quick brown fox 400 / 36px
20px The quick brown fox 400 / 28px
18px The quick brown fox 400 / 29.25px
16px The quick brown fox 400 / 24px
14px The quick brown fox 400 / 20px
12px The quick brown fox 400 / 16px
10px The quick brown fox 400 / 15px
9px The quick brown fox 400 / 13.5px

Spacing Scale (base: 2px)

1px
64px
80px
96px
112px
168px
240px
280px
352px

Box Shadows

sm
sm
xl

Border Radii

4px
sm
8px
md
9999px
full

Accessibility

90%
WCAG Contrast Score
38 passing / 4 failing color pairs

Color Pair Analysis

Sample
#ffffff on #3b82f6
3.68:1
FAIL
2x
Sample
#18181b on #000000
1.19:1
FAIL
1x
Sample
#18181b on #0b39eb
2.36:1
FAIL
1x
Sample
#18181b on #d4d4d8
11.99:1
AAA
11x
Sample
#18181b on #ffffff
17.72:1
AAA
8x
Sample
#000000 on #ea580c
5.9:1
AA
4x
Sample
#18181b on #fafafa
16.97:1
AAA
4x
Sample
#18181b on #e4e4e7
13.96:1
AAA
3x
Sample
#18181b on #3b82f6
4.82:1
AA
3x
Sample
#18181b on #fde3e3
14.57:1
AAA
2x
Sample
#18181b on #f97316
6.32:1
AA
2x
Sample
#18181b on #a1a1aa
6.91:1
AA
1x