Los diseñadores nuevos añaden. Los diseñadores con experiencia quitan. La diferencia entre una composición saturada y una serena rara vez es un mejor componente o un color más agradable. Es el espacio, usado con intención.

## El espacio crea jerarquía sin añadir peso

Puedes señalar que dos cosas van juntas acercándolas, y que dos cosas están separadas alejándolas. Sin bordes, sin cajas, sin color extra. La proximidad hace el trabajo. Cuando una composición se siente ruidosa, el problema suele ser que todo está igualmente espaciado, así que nada queda agrupado.

## Dale aire a lo importante

Un titular rodeado de espacio generoso se lee como importante antes de que alguien procese una sola palabra. Apretújalo contra otros elementos y competirá en lugar de liderar. El espacio es la forma de decir que esto importa sin gritar.

> Si todo está muy junto, el ojo no tiene dónde descansar, y un ojo cansado se va.

## La consistencia es lo que hace que se sienta diseñado

El espaciado aleatorio se lee como accidental incluso cuando se ve bien de forma aislada. Elige una escala —cuatro, ocho, dieciséis, veinticuatro— y comprométete con ella. El ritmo del espaciado consistente es la mayor parte de lo que la gente quiere decir cuando llama pulida a una interfaz, aunque nunca podrían nombrarlo.

El espacio en blanco no está vacío. Es la parte del diseño que hace el trabajo silencioso de guiar la atención. Trátalo como un material que colocas a propósito, no como un sobrante que rellenas.

El espacio en blanco no es espacio desperdiciado

Al principio, el color es fácil. Eliges unos cuantos que te gustan y los usas. Luego el producto crece, se suma gente nueva y, de repente, hay nueve tonos de azul y nadie sabe cuál es el correcto. Un sistema de color previene esa deriva convirtiendo el gusto en reglas.

## Separa la paleta de su propósito

Mantén dos capas. La primera es tu paleta cruda, los colores en sí. La segunda es un conjunto de roles: primario, superficie, borde, atenuado, peligro. Los componentes hacen referencia a los roles, nunca a los valores crudos. Ahora puedes reajustar la paleta sin rastrear por todo el producto, y cada pantalla se actualiza junta.

## Define los estados antes de necesitarlos

Cada color interactivo necesita una versión al pasar el cursor, una activa y una deshabilitada. Decide esas relaciones una vez, como una regla, en lugar de calcularlas a ojo por cada componente. Los cambios de estado consistentes son una señal silenciosa de que todo se construyó con cuidado.

> Un color significa algo solo en contraste con lo que lo rodea. Diseña las relaciones, no las muestras.

## Prueba el contraste como una restricción, no como algo secundario

El contraste accesible no es una casilla que marcas al final. Incorpora los mínimos en el sistema de modo que cualquier combinación válida de roles ya lo cumpla. Cuando la accesibilidad es una propiedad del sistema, nadie tiene que recordarla el último día antes del lanzamiento.

Un buen sistema de color no limita la creatividad. Elimina cien pequeñas decisiones para que puedas dedicar tu atención a las que importan.

Diseño

El espacio en blanco no es espacio desperdiciado

Construir un sistema de color que escala