Landing page features section prompt with real content

Rewrite 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.

Rewrite the features section. Each feature needs a concrete headline that says what the user gets, one sentence with a specific detail or number, and a small UI visual drawn in HTML that shows the feature in use. No icons in colored circles, no one-word headlines.

Works with

Codex, ChatGPT

From the set

Landing pages

About this prompt

This is a revision prompt for a page Codex has already built, and it replaces the features section only. Every feature gets a headline that states what the user gets, one sentence with a specific detail or number, and a small interface sketch in HTML showing the feature in use. The two bans at the end, icons in colored circles and one-word headlines, rule out the pattern that makes so many AI-made pages look alike.

There are no brackets here; the specifics come from your brief. If Codex writes “Fast payouts”, push back with the real figure: “Payments arrive 9 days sooner on average.” For the visuals, a reminder email, a filled-in invoice row or a status badge works better than an abstract chart, because visitors can see at once what the feature looks like in the product.

If the section still reads as generic, ask for one feature at a time and give Codex the actual numbers or a screenshot of the real screen. End each revision with “keep everything else the same” so the hero and pricing don’t drift while you work on this section.

More prompts from this set

• 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.
• Landing page HTML to production code prompt for CodexRebuild the approved HTML landing page in your real stack, such as Next.js and Tailwind, with your own components and the copy left as it is.
• Landing page brief prompt for CodexA brief prompt that gives Codex your product, audience, goal and proof, then asks for the page’s sections in order before any design starts.
• 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.