Colors
Brand PrimaryBrand 600
Default FontNeutral 900
Subtext ColorNeutral 500
Neutral BorderNeutral 200
WhiteNeutral 0
Default BackgroundNeutral 0
Brand 50#EFF6FF
Brand 100#DBEAFE
Brand 200#BFDBFE
Brand 300#93C5FD
Brand 400#60A5FA
Brand 500#3B82F6
Brand 600#2563EB
Brand 700#1D4ED8
Brand 800#1E40AF
Brand 900#1E3A8A
Neutral 0#FFFFFF
Neutral 50#FAFAFA
Neutral 100#F5F5F5
Neutral 200#E5E5E5
Neutral 300#D4D4D4
Neutral 400#A3A3A3
Neutral 500#737373
Neutral 600#525252
Neutral 700#404040
Neutral 800#262626
Neutral 900#171717
Neutral 950#0A0A0A
Error 50#FEF2F2
Error 100#FEE2E2
Error 200#FECACA
Error 300#FCA5A5
Error 400#F87171
Error 500#EF4444
Error 600#DC2626
Error 700#B91C1C
Error 800#991B1B
Error 900#7F1D1D
Warning 50#FEFCE8
Warning 100#FEF9C3
Warning 200#FEF08A
Warning 300#FDE047
Warning 400#FACC15
Warning 500#EAB308
Warning 600#CA8A04
Warning 700#A16207
Warning 800#854D0E
Warning 900#713F12
Success 50#F0FDF4
Success 100#DCFCE7
Success 200#BBF7D0
Success 300#86EFAC
Success 400#4ADE80
Success 500#22C55E
Success 600#16A34A
Success 700#15803D
Success 800#166534
Success 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 Style1px solid #2563EB
Neutral Border Style1px solid #E5E5E5
Corners
Rounded Small2px
Rounded Medium4px
Rounded Large8px
Circular9999px
Shadows
Shadow Small
0px 1px 2px 0px rgb(0 0 0 / 0.05)
Shadow Medium
0px 4px 16px -2px rgb(0 0 0 / 0.08)0px 2px 4px -1px rgb(0 0 0 / 0.08)
Shadow Large
0px 12px 32px -4px rgb(0 0 0 / 0.08)0px 4px 8px -2px rgb(0 0 0 / 0.08)
