Landing page brief prompt for Codex

A brief prompt that gives Codex your product, audience, goal and proof, then asks for the page’s sections in order before any design starts.

We're designing a landing page for [Tally, an invoicing app for freelancers]. Visitors are [designers, writers, and developers who send 2–10 invoices a month]. The one action we want: [start a free trial]. The main promise: [get paid faster without chasing clients]. Proof we can show: [12,400 users, payments arrive 9 days sooner on average].

Before designing anything, list the sections this page needs, in order, with one sentence on what each section must convince the visitor of.

Works with

Codex, ChatGPT

From the set

Landing pages

About this prompt

This prompt doesn’t produce a design. Codex answers with a section outline: every section of the page in order, each with one sentence on what it has to convince the visitor of. That outline is the cheapest place to catch a missing objection or a section with no job, long before there is any HTML to rewrite.

Replace all five bracketed details: the product and what it is, who visits, the single action you want, the main promise, and the proof you can actually show. Keep the action to one thing. If you write “start a trial, book a demo or join the newsletter”, the outline loses its focus and so will the page. Use numbers you are allowed to publish as proof, because Codex will reuse them in the hero and the social proof section later.

Leave the brief at the top of the conversation and respond to the outline before moving on: cut sections, reorder them, or add the one it missed. The hero directions and the full page that follow both build on the outline you approve, so a one-line correction here saves rework in every later step.

More prompts from this set

• Hero section design prompt with three directions for CodexAsk Codex for three hero sections at 1440×900, editorial, dark and soft, with identical copy, so you compare visual style and nothing else.
• Full landing page design prompt for CodexExtend the hero direction you picked into a complete landing page, with eight named sections in a fixed order so Codex doesn’t add filler.
• Landing page features section prompt with real contentRewrite a landing page’s features so each has a concrete headline, a specific detail or number, and a small HTML visual instead of an icon.
• Pricing section design prompt for CodexDesign a pricing section with your plans, a highlighted recommended tier, a monthly/annual toggle and a one-line answer to the top objection.
• Mobile landing page check prompt for CodexHave Codex make a 390px version of your landing page with the call to action above the fold, 44px tap targets and a list of what it cut.
• Prompt to make an AI-made landing page look less genericA review prompt that has Codex find what makes a page look AI-generated, from centered layouts to vague copy, and fix the five worst issues.