Composición.

• Sí aplica en: landings, campañas y contenido. Piezas donde un diseño «correcto pero plano» no cumple su trabajo.
• No aplica en: formularios, trámites, tablas o paneles de administración. Ahí manda lo predecible. La persona no vino a mirar, vino a hacer una tarea, y cada sorpresa visual le cuesta tiempo. En estas vistas, usa los componentes tal cual vienen de la caja.

Esta distinción es vital. Casi todo el consejo de diseño que ves en internet está pensado para piezas de marketing; aplicarlo a un trámite transaccional hace daño.

La pregunta no es si las reglas se pueden romper: claro que se puede. La pregunta es quién, cuándo y a cambio de qué.

El concepto japonés Shuhari (cómo dominar un oficio) lo resume bien: primero obedeces la regla, luego la rompes, y al final la trasciendes. El orden es innegociable. Romper una regla que no entiendes no es tener criterio, es simple ignorancia.

Y romper convenciones sale caro. Cuando Nielsen Norman Group testeó un sitio universitario rediseñado «fuera de la caja», la navegación oculta frustró a todos. Nadie encontraba las carreras ni los aranceles. Lo que el diseñador vive como audacia, la persona lo vive como no encontrar lo que vino a buscar.

Si estás construyendo con IA

Darle permiso a una IA para salirse de la regla mejora el resultado de una pieza, y mejora más justamente a quien menos criterio visual tiene. Pero el mismo estudio que lo mide encontró lo otro: los textos hechos con IA resultaron más parecidos entre sí que los hechos sin ella. La IA sube el promedio y baja la variedad.

Para un sistema de diseño que usan varios equipos y varias marcas, eso significa que un permiso permanente, escrito en Solar y leído por todas las IA, no produciría un ecosistema más interesante: produciría el mismo gesto «interesante» repetido en todas partes, que es justo lo contrario de lo que busca una desviación. Por eso el permiso no vive acá:

1. Se concede por pieza, y lo concede una persona.
2. Al concederlo se dice en qué eje puede desviarse y qué del nivel 3 sigue firme.
3. Pasa por crítica antes de quedar: usa el prompt Crítica de página y pregúntale explícitamente por las desviaciones.
4. La crítica de la IA no es evidencia. Los Principios ya lo dicen: es un filtro previo, no reemplaza la revisión de personas ni la prueba con usuarios.

La jerarquía es lo que convierte una lista de cosas en algo que se lee. Cuando el título, la bajada y el botón comparten tamaño, peso y color, el ojo no tiene por dónde entrar y la persona termina leyendo todo o nada. Y hay un segundo problema, más caro: el dato que decide —la fecha, el precio, el descuento— suele quedar enterrado adentro de una frase. Elegir qué manda obliga a decidir qué es lo importante, y esa decisión es de contenido antes que de diseño.

Son dos cosas distintas y conviene no confundirlas. El contraste de accesibilidad es un mínimo que se mide y se cumple: está en Docs › Color y no se negocia. El contraste visual es cuánto se diferencia un elemento de lo que tiene al lado, y es lo que hace que un aviso se despegue de la página en vez de hundirse en ella. Una pieza puede cumplir el contraste de accesibilidad y seguir siendo invisible.

La variedad tipográfica se confunde fácil con jerarquía, pero son cosas opuestas: la jerarquía necesita que las diferencias signifiquen algo, y si cada línea usa una familia distinta, la diferencia deja de significar. Lo que sí cambia una pieza es usar una sola familia en todo su rango: el peso, el tamaño, la inclinación y las mayúsculas. Y, en la segunda pareja, algo que no es tipográfico pero manda más que la letra — el titular dejó de nombrar el producto y pasó a nombrar la idea.

El espacio es lo que dice qué cosas se leen juntas, antes que cualquier línea o recuadro. Si la etiqueta y su dato están tan separados como un dato del siguiente, la persona deja de leer pares y empieza a leer una lista suelta de ocho líneas. La regla práctica: poco espacio adentro del grupo, bastante entre grupos — y los dos valores salen de la escala de Docs › Espaciado, no de un número inventado.

Una grilla perfecta es correcta y puede no tener por dónde entrar. Una ruptura —una card más grande, un recorte inesperado, una asimetría— le da a la página un punto de partida. Dos rupturas ya no son una excepción: son otro patrón, y la página vuelve a quedar plana. Este es el eje más débil de los seis y el único que pide el nivel 2 de la sección anterior: si no tienes criterio visual propio, quédate en la grilla y no pierdes nada.

Una pieza sin nada que mirar se escanea y se abandona. Pero la salida tampoco es poner una imagen cualquiera para romper el gris. Hay dos maneras de que una imagen se gane su lugar: mostrando el dato que el texto estaba contando en palabras, o mostrando lo que el texto no alcanza a decir. La prueba es la misma en los dos casos: si puedes borrar la imagen y no se pierde nada, era decoración.

1. ¿Puedes nombrar, sin dudar, el elemento que manda en la pieza?
2. ¿El dato que decide —el precio, el descuento, la fecha, la acción— está fuera del párrafo?
3. ¿El llamado a la acción se despega de lo que tiene alrededor, o hay que buscarlo?
4. ¿Hay una sola familia tipográfica, con las diferencias puestas en el peso y el tamaño?
5. ¿Lo que se lee junto está junto, y lo que no, separado?
6. ¿Hay como máximo una ruptura del patrón, y puedes decir por qué está?
7. ¿Lo visual aporta algo que el texto no dice? Si lo borras, ¿se pierde algo?

Si una respuesta es «no» y no tienes cómo justificarla, vuelve al nivel 1: usa el componente tal cual. Es una respuesta válida y es la correcta la mayoría de las veces.