Tier 0Foundations · the @putdotio/design token graph. Binds all four tiers, values only, never a component recipe.--component-bg-hover · --component-bg-active · --border-hover · --solid

Neutral · gray

app default
1
bg
2
bg-2
3
cmp
4
cmp-h
5
cmp-a
6
line
7
border
8
brd-h
9
solid
10
sld-h
11
txt-2
12
text

Yellow · brand

step 9 brand · #FDCE45
1
bg
2
bg-2
3
cmp
4
cmp-h
5
cmp-a
6
line
7
border
8
brd-h
9
solid
10
sld-h
11
txt-2
12
text

Green · positive / healthy

transfer complete · green
1
bg
2
bg-2
3
cmp
4
cmp-h
5
cmp-a
6
line
7
border
8
brd-h
9
solid
10
sld-h
11
txt-2
12
text

Red · negative / destructive

errors, delete · red
1
bg
2
bg-2
3
cmp
4
cmp-h
5
cmp-a
6
line
7
border
8
brd-h
9
solid
10
sld-h
11
txt-2
12
text