Prompt de diseño de landing page completa para Codex

Amplía la dirección de hero que elegiste a una landing page completa, con ocho secciones con nombre en un orden fijo para que Codex no añada relleno.

Amplía la dirección [B] a una landing page completa en un único archivo HTML de 1440px de ancho. Secciones, en orden: hero, franja de logos, tres funciones clave con un pequeño elemento visual del producto cada una, cómo funciona en tres pasos, dos citas de clientes con nombre y cargo, precios, preguntas frecuentes con cinco preguntas y una llamada a la acción final. Deja el hero exactamente como está.

Funciona con

Codex, ChatGPT

De la colección

Landing pages

Sobre este prompt

Codex toma el hero que elegiste y construye el resto de la página a su alrededor en un único archivo HTML de 1440px de ancho: una franja de logos, tres funciones con un pequeño elemento visual del producto cada una, un cómo funciona en tres pasos, dos citas de clientes con nombre y cargo, precios, unas preguntas frecuentes de cinco preguntas y una llamada a la acción final. El hero debe quedar intacto, de modo que la página crece a partir de un diseño que ya aprobaste en lugar de rediseñarse desde cero.

Cambia [B] por la letra de la dirección que elegiste. Después edita la lista de secciones para que coincida con el esquema que te dio Codex en respuesta al brief; si ese esquema incluía una tabla comparativa o una sección de integraciones, nómbrala aquí en la misma posición. Nombrar todas las secciones es lo que impide que el agente invente un bloque de “Por qué elegirnos” con tres iconos vagos.

Espera que la parte central de la página quede tosca en esta primera pasada. Los siguientes prompts del set la retocan sección por sección, empezando por las funciones y después los precios, así que no hace falta corregirlo todo en una única petición de revisión larga.

Más prompts de esta colección

• Prompt de sección de funciones de landing page con contenido realReescribe las funciones de una landing page con un titular concreto, un detalle o una cifra específica y un pequeño elemento visual en HTML, sin iconos.
• Prompt de diseño de sección de precios para CodexDiseña una sección de precios con tus planes, un nivel recomendado destacado, un selector mensual/anual y una línea que responda a la objeción principal.
• Prompt de revisión móvil de una landing page para CodexPide a Codex una versión de 390px de tu landing page con la llamada a la acción en la primera pantalla, zonas táctiles de 44px y una lista de lo que recortó.
• Prompt para que una landing page hecha con IA parezca menos genéricaUn prompt de revisión para que Codex detecte qué hace que una página parezca hecha con IA, del centrado total a los textos vagos, y corrija cinco fallos.
• Prompt de landing page de HTML a código de producción para CodexReconstruye la landing page HTML aprobada en tu stack real, como Next.js y Tailwind, con tus propios componentes y los textos tal como están.
• Prompt de brief de landing page para CodexUn prompt de brief que da a Codex tu producto, audiencia, objetivo y pruebas, y le pide las secciones de la página en orden antes de empezar a diseñar.