Eight radii, and nothing between them. Every corner in the product is one of these values —
there is no 20px, no fractional radius, and no continuous ramp.
Scale
4pxCheckbox
6pxStatus chip · segmented-control segment
8pxSecondary button · toolbar button · filter track · alert action · toast pill
9pxToast icon disc — the one odd value, and it is deliberate
10pxPrimary button · input
12pxCard · alert banner · menu · toast · KPI tile
16pxDialog · large panel
9999pxBadge · avatar · dot · switch track · filter pill
Choosing a radius
Controls scale with their size: a 16px checkbox takes 4px, a 20–32px chip takes 6px, a button takes 8–10px. |
Containers take 12px; only a dialog or a full panel goes to 16px. |
9999px is for things that read as a token — badges, avatars, dots, switch tracks. |
If a value is not on this list, it is a mistake. The DS previously shipped 5px, 7px, 9px, 13px, 14px, 15px, 18px and 20px across 60 rules. |