SUSupaUI

Foundations

Spacing

Tailwind's default 0.25rem stepping is the kit's spacing rhythm. Components reach for these utilities — never raw px.

Scale

0
0px
px
1px
0.5
2px
1
4px
2
8px
3
12px
4
16px
5
20px
6
24px
8
32px
10
40px
12
48px
16
64px

Why

One vertical rhythm everywhere — components stack predictably. Any value you reach for that isn't in this scale is a smell; either extend the scale or reuse what's already here.