6. Los siete principios

1. Contenido primero, decoración después. Cada elemento debe ganarse su lugar. Si no comunica ni guía, sobra.
2. La rejilla es el esqueleto invisible. Todo se alinea a una rejilla base de 8 puntos, con medio paso de 4. La adaptación ocurre por contenedor, no por tamaño de ventana.
3. Tokens semánticos: una sola fuente de verdad. Color, tipo, espacio, radio, elevación y movimiento se definen una vez, en tres niveles, y se aplican vía nombres con significado.
4. Jerarquía tipográfica medida y fluida. Escala modular de razón 1.25. La jerarquía se logra con tamaño, peso y espacio, no con adornos.
5. Profundidad funcional como material, nunca gratuita. La sombra y las capas comunican jerarquía y foco. Siempre degradan a superficie sólida cuando el contraste lo exige.
6. Color con propósito, perceptual y con contraste garantizado. Neutros como base, un solo acento primario, funcionales para estado, paleta categórica solo para datos. WCAG 2.2 AA como piso.
7. Movimiento y respuesta con significado. Resortes naturales, expresividad como dial, respeto a la preferencia de movimiento reducido.

Principio rector: misma regla, distinta expresión. Lo invariante es el sistema; lo que cambia es cómo cada medio lo encarna.