Que no parezca de IA

Tu primer build casi siempre funciona, pero se ve genérico. Esta lección es lo que separa “obviamente hecho con IA” de “parece que lo hizo un estudio de diseño”.

Son retoques que pedís encima de tu sitio, de a uno.

Antes y después: un sitio genérico de IA y el mismo sitio con retoques de diseño

Los 4 retoques

1. Tipografía con jerarquía

Mejorá la tipografía: jerarquía de tamaños clara, interlineado generoso en el
cuerpo, y espaciado vertical consistente entre secciones.

2. Una paleta coherente

Usá una paleta de 5 colores con códigos hex: uno dominante, uno de acento, el
resto neutros. Aplicala de forma consistente en todo el sitio.

3. Movimiento sutil

Sumá una aparición suave (fade-in) cuando cada sección entra en pantalla, y un
flotar leve en el botón principal del hero. Con gusto, nada estridente.

4. Aire (espacio en blanco)

Dale más aire: más padding alrededor de las secciones. No llenes cada hueco.

Los 4 retoques: tipografía, paleta coherente, movimiento sutil y aire

💡 El secreto: pedí la “skill de diseño”

Claude tiene una Skill de diseño de front-end que sube muchísimo el nivel. Pedila explícito:

Usá la skill de diseño de front-end. No quiero un diseño genérico de IA: elegí una
tipografía de Google con carácter (nunca Inter), dale peso visual real a las
tarjetas, usá espaciado premium, y evitá el típico fondo blanco con degradé violeta.

(Las Skills las vemos en profundidad en el Capítulo 5. Por ahora, alcanza con pedirla así.)

💡 Otra técnica que rinde: pedile que tome una captura de lo que construyó, la compare con el objetivo y se autocorrija un par de veces antes de mostrártela.