# Cómo hacer que una web no parezca de IA

> ¿Cómo hago que mi página no parezca hecha con 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.

> Fuente: https://magoallegri.com/biblioteca/como-hacer-que-una-web-no-parezca-de-ia

---

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

[Figura: 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.