Foundations
Radius
Small radii keep Motion quiet: 4–6px for controls, 8px for popovers and cards. `--ds-radius-*` maps onto the same scale.
| Token | Value | Preview |
|---|---|---|
| --n-radius-xs · rounded-n-xs | 3px | |
| --n-radius-sm · rounded-n-sm | 4px | |
| --n-radius-md · rounded-n-md | 6px | |
| --n-radius-lg · rounded-n-lg | 8px | |
| --n-radius-xl · rounded-n-xl | 10px | |
| --n-radius-2xl · rounded-n-2xl | 12px | |
| --n-radius-3xl · rounded-n-3xl | 14px | |
| --n-radius-full · rounded-n-full | 9999px |
© 2026 Motion. Internal documentation.