Foundations · Radius

Radius

Five tokens cover controls, cards, and fully rounded status pills. Choose by role instead of assigning one radius to every surface.

Border radius

Compare the scale and the element each token is meant to shape.

4px · kbd, code tag

6px · button, input

8px · callout, toast

12px · card

16px · feature card