Colors
Brand Primary#2563eb
Default Font#171717
Subtext Color#737373
Neutral Border#e5e5e5
White#ffffff
Default Background#ffffff
Brand
50#eff6ff
100#dbeafe
200#bfdbfe
300#93c5fd
400#60a5fa
500#3b82f6
600#2563eb
700#1d4ed8
800#1e40af
900#1e3a8a
Neutral
0#ffffff
50#fafafa
100#f5f5f5
200#e5e5e5
300#d4d4d4
400#a3a3a3
500#737373
600#525252
700#404040
800#262626
900#171717
950#0a0a0a
Error
50#fef2f2
100#fee2e2
200#fecaca
300#fca5a5
400#f87171
500#ef4444
600#dc2626
700#b91c1c
800#991b1b
900#7f1d1d
Warning
50#fefce8
100#fef9c3
200#fef08a
300#fde047
400#facc15
500#eab308
600#ca8a04
700#a16207
800#854d0e
900#713f12
Success
50#f0fdf4
100#dcfce7
200#bbf7d0
300#86efac
400#4ade80
500#22c55e
600#16a34a
700#15803d
800#166534
900#14532d
Typography
Inter
Google Font • 7 text tokens
Google Font • 7 text tokensmonospace
System • 1 text token
Heading 1 — A quick brown fox jumps over the lazy dog
Inter 500
30px
36px
0em
Heading 2 — A quick brown fox jumps over the lazy dog
Inter 600
20px
24px
0em
Heading 3 — A quick brown fox jumps over the lazy dog
Inter 600
16px
20px
0em
Body Bold — A quick brown fox jumps over the lazy dog
Inter 500
14px
20px
0em
Body — A quick brown fox jumps over the lazy dog
Inter 400
14px
20px
0em
Monospace Body — A quick brown fox jumps over the lazy dog
monospace 400
14px
20px
0em
Caption Bold — A quick brown fox jumps over the lazy dog
Inter 500
12px
16px
0em
Caption — A quick brown fox jumps over the lazy dog
Inter 400
12px
16px
0em
Borders
Primary Border Style#2563ebff 1 solid
Neutral Border Style#e5e5e5ff 1 solid
Corners
Rounded Small2px
Rounded Medium4px
Rounded Large8px
Circular9999px
Shadows
Shadow Small
0px 1px 2px 0px rgba(0, 0, 0, 0.05)
Shadow Medium
0px 4px 16px -2px rgba(0, 0, 0, 0.08)0px 2px 4px -1px rgba(0, 0, 0, 0.08)
Shadow Large
0px 12px 32px -4px rgba(0, 0, 0, 0.08)0px 4px 8px -2px rgba(0, 0, 0, 0.08)