Radios y bordes
Un contorno único y nítido que define cada pieza.
Borde estructural de 2px y separadores de 1px, siempre enteros. Radios de 4, 8, 8 y 20px; pills y avatars usan 999px. Sin bordes duplicados superpuestos.
Estado actual
Decisiones que ya existen y pueden observarse en el producto.
Controles, tarjetas y overlays 8px; composición principal 20px.
Separadores internos pueden usar 1px. El foco de 3px es un contorno exterior, no otro borde interno.
Los tokens de geometría viajan con brutallab-theme.
Borde fuerte · 2pxTokens actuales
Valores presentes hoy; documentarlos no significa que todos sean definitivos.
| Token | Valor | Uso actual |
|---|---|---|
| --bl-radius-sm | 4px | Geometría compartida |
| --bl-radius-md | 8px | Geometría compartida |
| --bl-radius-lg | 8px | Geometría compartida |
| --bl-radius-xl | 20px | Geometría compartida |
| --border-strong | 2px solid var(--ink) | Geometría compartida |
Qué falta
Huecos que impiden tratar esta base como una regla estable.
No quedan huecos abiertos en el alcance actual de esta foundation.
Próximas decisiones
Orden recomendado para convertir los hallazgos en una foundation estable.
- 01
Mantén el borde de 2px al cambiar de estado para evitar saltos.