Radius
Esquinas rectas, suaves o totalmente redondeadas.
Escala
Cuanto más grande el elemento, más grande el radio. Los botones usan md; las cards, lg o xl; chips e íconos, full.
| Muestra | Token | Valor | Uso |
|---|
| | 0px | |
| | 4px | Badges, skeletons |
| | 8px | Botones de compra y UI, stepper, inputs, cards de producto |
| | 12px | Modales, bloques de checkout |
| | 16px | Cards de contenido |
| | 20px | |
| | 24px | |
| | 9999px | CTAs de marketing, filtros, inputs pill, contador |