Token Library

Every design token in the app, in one place. Search by name or value. Click any token to jump to its documentation.

All · 54
Colors · 33
Typography · 8
Radius · 6
Spacing · 4
Shadow · 3
Showing 54 of 54 tokens

primary

#E8541A

primaryLight

#FDEEE8

primaryDark

#C4420E

navy

#12284C

navyLight

#1A3A6B

gray50

#F7F7F8

gray100

#F0F0F1

gray200

#E2E2E4

gray300

#C8C8CB

gray400

#9E9EA3

gray500

#6B6B72

gray600

#4A4A50

gray900

#141414

success

#22C55E

successLight

#DCFCE7

successDark

#15803D

warning

#F59E0B

warningLight

#FEF3C7

warningDark

#B45309

danger

#EF4444

dangerLight

#FEE2E2

dangerDark

#B91C1C

info

#3B82F6

infoLight

#EFF6FF

surfaceLight

#FFFFFF

bgLight

#F3F4F6

bgDark

#0B0C0C

codeText

#E2E8F0

codeTextMuted

#9CA3AF

statusActive

#22C55E

statusDraft

#9E9EA3

statusPaused

#F59E0B

statusArchived

#6B6B72

Aa

xs

0.75rem

Aa

sm

0.875rem

Aa

base

1rem

Aa

lg

1.125rem

Aa

xl

1.25rem

Aa

2xl

1.5rem

Aa

3xl

1.875rem

Aa

4xl

2.25rem

radiusSm

4px

radiusControl

6px

radiusMd

8px

radiusLg

10px

radiusXl

16px

radiusFull

9999px

cardPadding

1.5rem

sidebarWidth

268px

topbarHeight

52px

contentPadding

2rem

card

0 1px 3px 0 rgba(0,0,0,0.08), ...

modal

0 10px 25px -5px rgba(0,0,0,0....

dropdown

0 4px 12px rgba(0,0,0,0.12)