Colors
Brand Primary#2563EB
Default Font#171717
Subtext Color#737373
Neutral Border#E5E5E5
White#FFFFFF
Default Background#FFFFFF
50#EFF6FF
100#DBEAFE
200#BFDBFE
300#93C5FD
400#60A5FA
500#3B82F6
600#2563EB
700#1D4ED8
800#1E40AF
900#1E3A8A
0#FFFFFF
50#FAFAFA
100#F5F5F5
200#E5E5E5
300#D4D4D4
400#A3A3A3
500#737373
600#525252
700#404040
800#262626
900#171717
950#0A0A0A
50#FEF2F2
100#FEE2E2
200#FECACA
300#FCA5A5
400#F87171
500#EF4444
600#DC2626
700#B91C1C
800#991B1B
900#7F1D1D
50#FEFCE8
100#FEF9C3
200#FEF08A
300#FDE047
400#FACC15
500#EAB308
600#CA8A04
700#A16207
800#854D0E
900#713F12
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 Style1px solid #2563EB
Neutral Border Style1px solid #E5E5E5
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)