Radius & Bordas
Escala de corner radius de 6px (o menor) a 16px (cards). Larguras de borda: 1px (subtle), 1.5px (balance pill), 2px (interactive), 3px (estado selected).
Escala de radius
xs · sm · md · lg · xl · 2xl · full
xs
6px
sm
8px
md
10px
lg
12px
xl
14px
2xl
16px
full
pill
- Total
- 7 passos
- Menor
- xs · 6px
- Maior
- 2xl · 16px
- Full
- 999px (pill)
Pesos de borda
subtle · balance · interactive · selected
subtle
1px
contornos de card
balance
1.5px
balance pill
interactive
2px
botões, inputs
selected
3px
estado selected do card
- Subtle
- 1px · contornos de card
- Balance
- 1.5px · balance pill
- Interactive
- 2px · botões, inputs
- Selected
- 3px · estado selected do card