Dirección estética
Sin un sistema, los diseños tienden al promedio de todo lo que has visto: Inter sobre blanco, un héroe con gradiente, tres tarjetas en fila. Contrarresta eso deliberadamente.
Antes de construir
Escribe, en pocas líneas:
- Propósito — el problema, el lector, el momento en que lo ve.
- Tono — elige uno y comprométete: brutalmente minimalista, editorial, industrial, cálido y doméstico, institucional, divertido, lujoso, técnico, de archivo. No "moderno y limpio". Esa frase significa que no has decidido.
- Lo único — lo que alguien recuerda una hora después. Una tipografía display a un tamaño irrazonable, un solo color saturado contra gris pizarra, una asimetría deliberada, una regla que recorre toda la altura de la página.
Luego construye todo al servicio de esas tres líneas. Si un elemento no sirve al tono o a lo único, elimínalo.
La dirección está en los detalles
- La tipografía carga más que el color. Una tipografía display distintiva contra una tipografía de texto tranquila hace la mayor parte del trabajo. Verifica la combinación en los tamaños reales que usarás antes de comprometerte.
- Un acento, usado con moderación. Neutros dominantes más un solo acento a saturación completa supera a cinco colores apagados.
- Composición antes que decoración. Asimetría, superposición, márgenes generosos, un elemento que rompe la cuadrícula una vez. No texturas aplicadas sobre un diseño simétrico.
- El movimiento es un momento, no muchos. Una sola entrada escalonada se lee como artesanía; efectos de desplazamiento dispersos se leen como plantilla.
Varía entre proyectos
Si dos entregables que hiciste recientemente se parecen, cambia aquello a lo que siempre recurres — generalmente la temperatura de la paleta, la tipografía display o la densidad. Elige de un conjunto pequeño a propósito en lugar de derivar hacia la misma elección:
- Paletas: hueso y tinta · azul marino intenso y blanco cálido · gris pizarra y rojo oxidado · bosque y crema · negro y amarillo ácido · arena y terracota.
- Tipografía: serifa display de alto contraste · grotesca con tracking apretado · sans serif humanista · slab · display condensada · una sola mono usada en todo.
Di cuál elegiste y por qué, en una línea, antes de construir. Esa línea también le da a la persona algo concreto a lo que reaccionar.
Guardarraíles
Estos se mantienen independientemente de la dirección:
- Contraste del cuerpo 4.5:1, titulares 3:1.
- Texto del cuerpo al menos 16px en pantalla, 12pt en impresión, 24px en una diapositiva 1080p.
- Objetivos táctiles de al menos 44px.
- Sin emojis como iconografía a menos que la marca ya los use.
- No dibujes fotografías como SVG. Genéralas con las herramientas FLUX cuando estén disponibles; de lo contrario, usa un marcador de posición y di qué pertenece allí.
Cuando la persona da una referencia
Sigue la lógica de la referencia, no su superficie. Si comparten un sitio que les gusta, identifica por qué — el ritmo de espaciado, la moderación, el peso tipográfico — y aplica esa razón. Copiar la superficie es cómo terminas con un diseño que parece una versión peor de otra cosa.