Espaciado
Una base de 4px para separar controles y componer páginas.
Escala de referencia: 4, 8, 12, 16, 24, 32, 48 y 64px. Las composiciones ajustan la densidad al espacio disponible.
Estado actual
Decisiones que ya existen y pueden observarse en el producto.
8px entre icono y texto; 12–16px entre controles; 24px dentro de tarjetas; 48–64px entre secciones.
Valores observados, todavía no son tokens oficiales
4px8px12px16px24px32px48px64pxTokens actuales
Valores presentes hoy; documentarlos no significa que todos sean definitivos.
| Token | Valor | Uso actual |
|---|---|---|
| Spacing 4 | 4px | Escala de composición |
| Spacing 8 | 8px | Escala de composición |
| Spacing 12 | 12px | Escala de composición |
| Spacing 16 | 16px | Escala de composición |
| Spacing 24 | 24px | Escala de composición |
| Spacing 32 | 32px | Escala de composición |
| Spacing 48 | 48px | Escala de composición |
| Spacing 64 | 64px | Escala de composición |
Qué falta
Huecos que impiden tratar esta base como una regla estable.
La escala usa utilidades Tailwind; aún no existen tokens semánticos de densidad para todas las composiciones.
Próximas decisiones
Orden recomendado para convertir los hallazgos en una foundation estable.
- 01
Conserva espacio para sombras y foco; no recortes los controles por overflow.