Espaciado
La escala de Tailwind y nada más. Diferencias de 2 px se leen como ruido, no como intención.
4px1Ícono y texto
8px2Entre controles
12px3Filas de lista (py-3)
16px4Listas compactas, formularios
24px6Dentro de tarjetas
32px8Paneles laterales
48px12Entre bloques de página
Layouts
- Todas las páginas del panel comparten
max-w-7xl. - Contenido más panel lateral:
grid-cols-1 gap-8 lg:grid-cols-[1fr_320px], con el aside sticky. - Listas con
divide-y; fuera de una Card sumáborder-t, nuncaborder-y.