Dimensions
Dimensions holds the four scales every measurement in the system comes from: spacing, radius, icon size and border weight. Reach for a step, never a number.
Preview
The spacing ramp, every step at its real width. Read the rhythm before the numbers.
The ramp starts at spacing/px. spacing/0 is a real step and draws nothing, so twenty two bars stand for twenty three steps.
Spacing
23 steps, from one pixel to 160. The step number is the value divided by four, so spacing/4 is 16 and spacing/12 is 48.
Half steps stop at spacing/2-5 and the ramp thins above spacing/12: 14, 16, 20, 24, 32, 40. There is no spacing/13, spacing/15 or spacing/18, and that is the point of a scale.
Radius
Nine steps on one identical square, so the corner is the only thing that changes. The scale is named, not numbered: a radius is a shape decision.
radius/full stores 9999, not 50 percent, so a tall box keeps semicircular ends instead of becoming an ellipse. It gets a wider swatch because full on a square is only a circle. radius/xl sits at 18, off the doubling the steps below it follow.
Icon
Five sizes and one stroke. dimensions/icon/stroke is 2 at 16 and 2 at 96, so icons of different sizes in one row still read as one family.
All 1,667 Lucide icons run off dimensions/icon/stroke. Change that one variable and every icon changes weight together. The marks are drawn to Lucide geometry at each size, not exported art.
Tokens
Every value in the collection. 42 variables in one mode, across four scales. None is an alias; each is a raw number the rest of the system points at.
Border weight is the fourth scale and gets no section of its own. dimensions/border/0-75 is the only fractional value in Dimensions. The third column is guidance for picking a step, not a usage index read out of the file.