# Radius

We use border radiuses to create friendly, approachable interfaces that keep the focus on content.

| Token      | Value   | Example |
| ---------- | ------- | ------- |
| `arc0`     | 0px     |         |
| `arc4`     | 4px     |         |
| `arc8`     | 8px     |         |
| `arc12`    | 12px    |         |
| `arc16`    | 16px    |         |
| `arc20`    | 20px    |         |
| `arc99999` | 99999px |         |
| `circle`   | 50%     |         |