Lo que le pagas a un diseñador, Claude te lo da en varias versiones · en minutos

Quiero una landing page para [describe tu producto o servicio en una frase: qué es, para quién, qué problema resuelve].

Tono y estilo: [moderno / cálido / premium / minimalista]. Colores de marca: [pega tus colores o describe la paleta]. Diseño mobile-first.

Te paso dos referencias de estilo (son inspiración visual, NO las copies):
1. Una de mi nicho: [pega el link o describe la captura que adjunté].
2. Una que tuvo tendencia hace poco: [pega el link o describe la captura que adjunté].

Secciones que quiero, en este orden:
- Hero con titular claro, subtítulo y un botón principal.
- 3 beneficios, cada uno con un ícono y una línea.
- Prueba social (testimonios o logos).
- Precios (1 a 3 planes).
- CTA final.

Muéstrame 5 versiones lado a lado con estilos distintos para que elija. Si no caben las 5 en el canvas, dame las que puedas y seguimos pidiendo más. No inventes datos de mi negocio: si te falta info, déjala como [placeholder] y dime qué necesitas.

Quiero un carrusel de Instagram de 5 láminas sobre [tema del carrusel].

Formato: vertical, 1080 x 1350 px. Marca: [nombre], colores [pega tus colores], tipografía [si tienes una].

Estructura de las 5 láminas:
- Lámina 1: gancho que detenga el scroll (una frase fuerte, poco texto).
- Láminas 2 a 4: el valor, una idea por lámina, fácil de leer en el teléfono.
- Lámina 5: llamada a la acción (seguir, comentar, ir al link).

Texto corto y legible en pantalla chica. Muéstrame 5 versiones con estilos distintos (tipografía, color de fondo, composición) para comparar. Si alguna lámina queda muy cargada de texto, avísame y la partimos. Si no caben las 5 versiones, dame las que puedas y seguimos.

Me quedo con la versión [di cuál: la 2, la oscura, la del título grande].

Sin cambiar la marca ni el mensaje, dame 2 o 3 layouts alternativos de esa misma versión:
- Mueve el orden de las secciones.
- Prueba el hero centrado y el hero alineado a la izquierda.
- Una variante con la imagen arriba y otra con la imagen al lado.

Mantén los mismos colores y los mismos textos. Muéstramelas lado a lado para comparar.

Sobre este mismo diseño (no empieces de cero), aplica estos cambios puntuales:
- Cambia el título principal a: "[tu nuevo título]".
- Haz los botones más grandes y de color [color].
- Sube el logo a la esquina superior y dale un poco más de tamaño.
- Dale más aire a la sección de precios: más espacio entre los planes.

Deja todo lo demás igual. Si algún cambio rompe la composición, avísame antes de aplicarlo.

Mantén la misma estructura y los mismos textos, pero cambia el estilo: hazla más oscura, minimal y premium.

- Prueba otra tipografía (algo sobrio, nada decorativo).
- Reduce los colores a dos o tres.
- Dale más espacio en blanco.

Muéstrame el antes y el después lado a lado para comparar.

Acabo de mandarte este diseño desde Claude Design (handoff). Continúa desde mi diseño, NO desde una captura.

Conviértelo en un sitio Next.js funcional y responsive:
- Respeta el layout, los colores, la tipografía y los textos del diseño.
- Código limpio y ordenado, con componentes claros.
- Que se vea bien en teléfono y en escritorio.
- Botones y links funcionando (aunque apunten a placeholders por ahora).

Si algo del diseño no se traduce bien a código (una fuente que no existe, un efecto difícil), dímelo y propón la alternativa más cercana en vez de inventar. Cuando esté listo, dime cómo verlo en local y déjalo listo para publicar.

Quiero convertir este diseño de Claude Design en una página completa usando El Arquitecto.

1. Toma este diseño como referencia visual (te paso el export o las capturas).
2. Arma el plano: qué secciones, qué páginas, qué datos necesita cada una, y qué falta para que funcione de verdad (formularios, enlaces, contenido real).
3. Cuando el plano esté aprobado, construye con Agent Webkit respetando el diseño original.

Antes de construir, muéstrame el plano para revisarlo. Si ves algo del diseño que no conviene llevar tal cual a producción, dímelo.

Quiero una landing page para [describe tu producto o servicio en una frase: qué es, para quién, qué problema resuelve].

Tono y estilo: [moderno / cálido / premium / minimalista]. Colores de marca: [pega tus colores o describe la paleta]. Diseño mobile-first.

Te paso dos referencias de estilo (son inspiración visual, NO las copies):
1. Una de mi nicho: [pega el link o describe la captura que adjunté].
2. Una que tuvo tendencia hace poco: [pega el link o describe la captura que adjunté].

Secciones que quiero, en este orden:
- Hero con titular claro, subtítulo y un botón principal.
- 3 beneficios, cada uno con un ícono y una línea.
- Prueba social (testimonios o logos).
- Precios (1 a 3 planes).
- CTA final.

Muéstrame 5 versiones lado a lado con estilos distintos para que elija. Si no caben las 5 en el canvas, dame las que puedas y seguimos pidiendo más. No inventes datos de mi negocio: si te falta info, déjala como [placeholder] y dime qué necesitas.

Quiero un carrusel de Instagram de 5 láminas sobre [tema del carrusel].

Formato: vertical, 1080 x 1350 px. Marca: [nombre], colores [pega tus colores], tipografía [si tienes una].

Estructura de las 5 láminas:
- Lámina 1: gancho que detenga el scroll (una frase fuerte, poco texto).
- Láminas 2 a 4: el valor, una idea por lámina, fácil de leer en el teléfono.
- Lámina 5: llamada a la acción (seguir, comentar, ir al link).

Texto corto y legible en pantalla chica. Muéstrame 5 versiones con estilos distintos (tipografía, color de fondo, composición) para comparar. Si alguna lámina queda muy cargada de texto, avísame y la partimos. Si no caben las 5 versiones, dame las que puedas y seguimos.

Me quedo con la versión [di cuál: la 2, la oscura, la del título grande].

Sin cambiar la marca ni el mensaje, dame 2 o 3 layouts alternativos de esa misma versión:
- Mueve el orden de las secciones.
- Prueba el hero centrado y el hero alineado a la izquierda.
- Una variante con la imagen arriba y otra con la imagen al lado.

Mantén los mismos colores y los mismos textos. Muéstramelas lado a lado para comparar.

Sobre este mismo diseño (no empieces de cero), aplica estos cambios puntuales:
- Cambia el título principal a: "[tu nuevo título]".
- Haz los botones más grandes y de color [color].
- Sube el logo a la esquina superior y dale un poco más de tamaño.
- Dale más aire a la sección de precios: más espacio entre los planes.

Deja todo lo demás igual. Si algún cambio rompe la composición, avísame antes de aplicarlo.

Mantén la misma estructura y los mismos textos, pero cambia el estilo: hazla más oscura, minimal y premium.

- Prueba otra tipografía (algo sobrio, nada decorativo).
- Reduce los colores a dos o tres.
- Dale más espacio en blanco.

Muéstrame el antes y el después lado a lado para comparar.

Acabo de mandarte este diseño desde Claude Design (handoff). Continúa desde mi diseño, NO desde una captura.

Conviértelo en un sitio Next.js funcional y responsive:
- Respeta el layout, los colores, la tipografía y los textos del diseño.
- Código limpio y ordenado, con componentes claros.
- Que se vea bien en teléfono y en escritorio.
- Botones y links funcionando (aunque apunten a placeholders por ahora).

Si algo del diseño no se traduce bien a código (una fuente que no existe, un efecto difícil), dímelo y propón la alternativa más cercana en vez de inventar. Cuando esté listo, dime cómo verlo en local y déjalo listo para publicar.

Quiero convertir este diseño de Claude Design en una página completa usando El Arquitecto.

1. Toma este diseño como referencia visual (te paso el export o las capturas).
2. Arma el plano: qué secciones, qué páginas, qué datos necesita cada una, y qué falta para que funcione de verdad (formularios, enlaces, contenido real).
3. Cuando el plano esté aprobado, construye con Agent Webkit respetando el diseño original.

Antes de construir, muéstrame el plano para revisarlo. Si ves algo del diseño que no conviene llevar tal cual a producción, dímelo.