Radius
A unified corner radius creates a smooth, modern aesthetic that enhances user experience through visual consistency. It softens element appearances, making them more approachable and easier to interact with.
Specification
| Name | Size | Radius | Where to use? |
|---|---|---|---|
| Extra Small | 4px |   | Context Menu Item |
| Small | 6px |   | Small Button |
| Medium | 8px |   | Button, CTA, Context Menu |
| Large | 12px |   | Content Card |
| Extra Large | 14px |   | Context Menu with Search field |
| Full | 9999px |   |