Spacing

A 4pt scale with an irregular ramp: 5 = 22px, 6 = 28px. The handoff deliberately skips a 7 step to discourage hand-tuned 7px values that erode visual rhythm. If you want something in-between, pick the nearer real token.

Radius#

Usage#

<div className="p-4 gap-2">         {/* 16px / 8px */}
<div className="px-5 py-3">          {/* 22px / 12px */}
<div className="rounded-md">         {/* radius-md */}

Arbitrary values (p-[15px]) are a smell — almost always a missed token.