Deja de pedirle a Claude "una landing bonita".
Empieza a dirigirlo como diseñador.

Un diseñador no empieza a trabajar con "hazme algo bonito". Empieza con un brief: quién es el negocio, a quién le habla, qué acción quiere que tome el visitante y qué sensación tiene que transmitir la página. Dale eso mismo a Claude — y pídele que, antes de escribir una sola línea de código, te haga las preguntas que le haría a un cliente real.

Prompt 1 · El brief

# Pégalo tal cual, y complétalo antes de enviarlo
Actúa como una diseñadora UI/UX senior especializada en
landing pages de alta conversión.

Voy a construir la landing page de [nombre del negocio],
que vende [qué vende] a [público objetivo].

Objetivo de la página: [ej. que agenden una llamada / que
dejen su correo / que compren directo].

Tono y sensación que quiero transmitir: [ej. cercano y
humano, no corporativo / premium y minimalista / técnico
y confiable].

Estructura que necesito: hero con propuesta de valor,
beneficios, prueba social, cómo funciona, precios, FAQ
y llamado a la acción final.

Antes de escribir código, hazme las preguntas que le
harías a un cliente real antes de diseñar su landing —
sobre su marca, su competencia y lo que quiere lograr.

Ese último párrafo es el que marca la diferencia: obliga a Claude a pedirte los detalles que le faltan en vez de inventárselos.

"Usa colores corporativos" no significa nada para una IA. "Usa #F9D800" sí. Dale los códigos exactos de color, el nombre de la tipografía (y en qué pesos la usas para títulos y para texto) y el logo como imagen adjunta — no descrito, sino subido al chat o a la carpeta del proyecto para que Claude lo pueda ver y usar directamente.

Prompt 2 · Identidad visual

# Adjunta tu logo en el mismo mensaje
Esta es la identidad visual que tienes que respetar en
todo el diseño, sin excepciones:

Color principal:   #F9D800  (fondos de acento, botones)
Color de texto:     #1E1E1D
Color secundario:   #55565A  (texto de apoyo, párrafos)
Tipografía:         Poppins — títulos en 800, cuerpo en 300/400
Logo:                adjunto en este mensaje (fondo transparente)
Uso del logo:        siempre sobre fondo claro, con un margen
                      mínimo igual al ancho de la letra inicial

Usa estos valores exactos en el CSS, no aproximaciones.
Si en algún momento necesitas un color adicional (para un
estado de error o de éxito, por ejemplo), propónmelo pero
mantente dentro de esta paleta.

Con este bloque guardado en un archivo, lo reutilizas en cada landing, cada carrusel y cada documento que le pidas a Claude de ahí en adelante.

Aquí es donde la mayoría se queda corta: dicen "algo como Apple" y ya. Mejor busca 2 o 3 landing pages reales que te gusten, adjunta el enlace o una captura de pantalla, y explica qué elemento puntual quieres que tome de cada una — no la página completa.

Dónde buscar referencias buenas:

Prompt 3 · Referencias + construcción final

# Adjunta las capturas o pega los enlaces
Aquí tienes 3 referencias de landing pages que me gustan:

1. [enlace o captura 1] — me gusta el hero: el título
   grande a la izquierda y el mockup del producto
   flotando a la derecha.
2. [enlace o captura 2] — me gusta cómo separan las
   secciones con líneas delgadas en vez de sombras.
3. [enlace o captura 3] — me gusta la tipografía de los
   números en la sección de beneficios.

No copies estas páginas completas. Toma solo esos
elementos puntuales y combínalos con mi marca y mi
contenido.

Con el brief, mi identidad visual y estas referencias,
construye la landing en un solo archivo HTML autocontenido
(CSS y JS incluidos), responsive, optimizada para carga
rápida y lista para publicar.

Fíjate en el patrón: nunca dices "me gusta esta página", dices qué te gusta de ella. Esa especificidad es la que Claude puede traducir a código — un "me gusta" genérico no le sirve de nada.