Cómo hacer que una web no parezca de IA

Con cuatro retoques que pedís con palabras y de a uno: jerarquía tipográfica (el titular domina, lo demás acompaña), paleta corta de 2-3 colores con un solo acento, más espacio entre secciones, y movimiento sutil. El 'look IA' —tarjetitas iguales, degradados violetas, todo del mismo tamaño— no está mal: está igual que todo lo demás. Esos cuatro ajustes lo despegan.

Hay un “look IA”: tarjetitas iguales, degradados violetas, todo del mismo tamaño, emojis de adorno. No está mal — está igual que todo lo demás. Una página se despega con cuatro retoques que los diseñadores cobran caro y vos pedís con palabras.

Los cuatro retoques

Los cuatro retoques que despegan una web del 'look IA': jerarquía, paleta corta, espacio y movimiento sutil

1. Jerarquía tipográfica. Una página profesional tiene un orden de importancia visible: el titular domina, lo secundario acompaña. Si todo grita, nada se escucha.

Retocá la tipografía: el titular del hero mucho más grande y con más peso,
los subtítulos claramente menores, el texto de párrafo cómodo de leer.
Una sola familia tipográfica, con jerarquía clara de tamaños.

2. Paleta corta. Los sitios genéricos usan seis colores. Los profesionales usan dos o tres: fondo, texto, un acento que se reserva para lo importante (el botón).

Limpiá la paleta: un color de fondo, un color de texto, y UN solo color
de acento que se use únicamente en los botones y en 2 o 3 detalles.
Sacá cualquier degradado que haya quedado.

3. Espacio. El aire es lo que hace que algo se vea caro. Más margen entre secciones, más respiro alrededor del titular, menos cosas por pantalla.

Dale más aire a toda la página: más espacio entre secciones y alrededor
de los títulos. Que cada sección respire. Menos denso, más elegante.

4. Movimiento sutil. Un fade suave al entrar, un botón que responde al hover. Sutil: si la animación se nota, sobra.

Agregá movimiento sutil: las secciones aparecen con un fade suave al
scrollear, y los botones reaccionan al pasar el mouse. Nada llamativo —
si una animación distrae, es demasiado.

Pedilos de a uno

Un cambio → mirás → siguiente. Con diseño es todavía más importante, porque “me gusta / no me gusta” se decide con los ojos, y los ojos necesitan ver un cambio por vez.

El test del espejo

Cuando termines las cuatro pasadas, abrí la página y preguntate: ¿si la veo en el sitio de otra persona, pienso “qué bien hecha está”? Si la respuesta es “meh”, decile a Claude exactamente qué parte te hace ruido —aunque sea en lenguaje de civil: “el hero se siente vacío”, “los beneficios parecen tarjetas de bingo”—. Claude traduce.

Si algo sale mal

  • El fade hace que no se vea nada al cargar. Las animaciones de entrada son muy lentas o no disparan. Que el contenido sea visible siempre, con o sin animación.
  • Quedó “linda pero fría”. Suele faltar voz en los textos, no diseño. Reescribí el titular con tus palabras y pedí que ajuste el resto al mismo tono.