Prompt für die komplette Landingpage in Codex

Baue die gewählte Hero-Richtung zur kompletten Landingpage aus, mit acht benannten Abschnitten in fester Reihenfolge, damit Codex keine Füllinhalte ergänzt.

Bau Richtung [B] zu einer kompletten Landingpage in einer HTML-Datei aus, 1440px breit. Abschnitte in dieser Reihenfolge: Hero, Logoleiste, drei zentrale Features mit je einem kleinen Produktvisual, So funktioniert’s in drei Schritten, zwei Kundenzitate mit Namen und Rolle, Preise, FAQ mit fünf Fragen und ein abschließender Call-to-Action. Lass den Hero-Bereich genau so, wie er ist.

Funktioniert mit

Codex, ChatGPT

Aus der Sammlung

Landingpages

Über diesen Prompt

Codex nimmt den gewählten Hero und baut den Rest der Seite darum herum in einer 1440px breiten HTML-Datei: eine Logoleiste, drei Features mit je einem kleinen Produktvisual, ein dreistufiges „So funktioniert’s“, zwei Kundenzitate mit Namen, Preise, eine FAQ mit fünf Fragen und ein abschließender Call-to-Action. Der Hero soll unverändert bleiben, damit die Seite aus einem Design wächst, das du schon abgenommen hast, statt von Grund auf neu gestaltet zu werden.

Ändere [B] auf den Buchstaben deiner gewählten Richtung. Passe dann die Abschnittsliste an die Gliederung an, die Codex dir auf das Briefing hin gegeben hat; gehörte dort eine Vergleichstabelle oder ein Integrationen-Abschnitt dazu, nenne ihn hier an derselben Stelle. Alle Abschnitte zu benennen verhindert, dass der Agent einen Block „Warum wir“ mit drei vagen Icons erfindet.

Rechne damit, dass die Mitte der Seite im ersten Durchgang noch rau ist. Die nächsten Prompts im Set überarbeiten sie Abschnitt für Abschnitt, zuerst die Features, dann die Preise, du musst also nicht alles in einer langen Überarbeitungsanfrage korrigieren.

Weitere Prompts aus dieser Sammlung

• Prompt für den Feature-Bereich einer Landingpage mit echtem InhaltSchreib die Features einer Landingpage neu: je mit konkreter Überschrift, bestimmtem Detail oder einer Zahl und kleinem HTML-Visual statt Icon.
• Prompt für den Preisbereich einer Landingpage in CodexGestalte einen Preisbereich mit deinen Plänen, hervorgehobenem empfohlenem Plan, Umschalter monatlich/jährlich und einer Zeile zum häufigsten Einwand.
• Prompt für den Mobile-Check einer Landingpage in CodexLass Codex eine 390px breite Version deiner Landingpage bauen, mit Call-to-Action ohne Scrollen, 44px großen Tap-Zielen und einer Liste der Weglassungen.
• Prompt, damit eine KI-Landingpage weniger generisch aussiehtEin Review-Prompt: Codex findet, was eine Seite KI-generiert wirken lässt, von zentrierten Layouts bis zu vagen Texten, und behebt die fünf größten Probleme.
• Prompt für Landingpage-HTML zu Produktionscode in CodexBaue die abgenommene HTML-Landingpage in deinem echten Stack nach, etwa Next.js und Tailwind, mit deinen Komponenten und unverändertem Text.
• Prompt für das Landingpage-Briefing in CodexEin Briefing-Prompt, der Codex Produkt, Zielgruppe, Ziel und Belege nennt und vor jedem Design die Abschnitte der Seite in der richtigen Reihenfolge verlangt.