claudeprofessor

De la bóveda

El encargo de diseño completo

Degradado violeta, tarjetas redondeadas y tres columnas de iconos. No es que esté mal hecho: es que está sin decidir. Sin criterio, devuelve la media de internet, y la media de internet es exactamente eso.

01 · Primero el criterio, y que no escriba código todavía

Este es el que cambia el resultado. Lo importante es la última línea: sin ella se pone a escribir y ya no hay vuelta atrás.

Antes de escribir una sola línea de código, decide la filosofía de diseño y enséñamela:
· Qué sensación tiene que dar en tres palabras, y cuál NO.
· Una tipografía para titulares y otra para texto, y por qué esas.
· Cuánto aire: apretado o respirado, y dónde se rompe la retícula.
· Qué elemento manda en la pantalla y qué se sacrifica para que mande.
No escribas código hasta que yo apruebe esto.

02 · Después, la lista de lo que no puede usar

Prohibir es decidir, y aquí es donde se cae casi todo lo que hace que una web huela a IA. Quita de la lista lo que no te aplique:

No uses nada de esto:
· Degradados de violeta a azul, ni ningún degradado de fondo.
· Tarjetas redondeadas con sombra difusa.
· Rejillas de tres columnas con un icono genérico encima de cada una.
· Iconos de librería para conceptos abstractos.
· Texto centrado en bloques largos.
· Emojis como iconos.
Si crees que uno de estos es la mejor opción, dime por qué antes de usarlo.

03 · Dale una referencia, no un adjetivo

«Elegante» significa cosas distintas para cada uno y se discute eternamente. Una referencia cierra la discusión antes de empezarla:

Te paso [un enlace / una captura / mi marca].
No la copies: dime qué tres decisiones concretas la hacen funcionar y aplica esas decisiones a lo mío.

04 · El paso que se salta todo el mundo

Pedirle que lo critique él antes que tú. Encuentra sus propios tics mejor de lo que los encuentras tú, y sale más barato que tres rondas de correcciones:

Mira lo que acabas de hacer y dime en qué se parece a cualquier otra web hecha con IA este año.
Señálame los tres sitios donde has tirado por lo fácil, y arregla solo esos.

05 · Si ya la tienes hecha y huele a IA

No hace falta empezar de cero. Casi siempre son cuatro decisiones, no cuarenta:

Esta web funciona pero parece hecha con IA.
Sin rehacerla, dime las cuatro decisiones que más la cambiarían — tipografía, color, aire o jerarquía — ordenadas por cuánto cambian respecto a lo que cuestan.
Empezamos por la primera.
Dos párrafos antes de empezar. Eso es toda la diferencia entre una web que se parece a otras mil y una que se parece a lo tuyo. Y se escriben una vez: guárdalos como skill.

Si lo pruebas y te sale algo raro, mándamelo por DM y lo afinamos. Y por aquí sigue lo demás: