Prompts that generate landing pages and marketing sites.
51votes
2answers
6.3kviews

A reusable system prompt for consistent design direction across a whole landing page

The hardest part of prompting UI isn't any single section, it's consistency. Ask for a hero, then a pricing block, then a footer in separate turns and you get three subtly different design languages:
31votes
2answers
3.2kviews

One-shot prompt for a hero section that doesn't look like every other SaaS gradient

Every time I asked for a "modern SaaS hero" I got the exact same thing: centered headline, full-width purple gradient, a floating dashboard screenshot in fake browser chrome, and a three-emoji feature
29votes
1answers
5.0kviews

Above-the-fold prompt that actually converts without a single dark pattern

I write landing pages for a living and I refuse to ship fake countdown timers, "14 people are viewing this", or manipulative confirmshaming. But when I ask AI for "high-converting" copy it reaches str
26votes
2answers
2.9kviews

How I prompt for an accessible signup + first-run flow that passes an audit by default

We failed an accessibility audit on our signup once: unlabeled inputs, an error summary that never got announced, focus that jumped to the top of the page after validation. Retrofitting a11y is misera
24votes
2answers
2.8kviews

Prompting a multi-step onboarding flow that people actually finish (not a 9-field wall)

Growth eng here. Our old signup was a single screen with nine fields and a 38% completion rate. I wanted AI to help me design a progressive flow, but the naive prompt just gave me the same nine fields
22votes
2answers
2.9kviews

One-shot prompt that builds a complete SaaS landing page with pricing table

I kept iterating on landing page prompts and finally landed on one that reliably produces a polished SaaS landing page in a single shot: hero, feature grid, pricing table, FAQ, and footer, all respons
21votes
1answers
3.4kviews

GPT prompt to scaffold a Next.js marketing site with sane structure, not one 800-line page.tsx

When I ask for a "Next.js landing page" I get everything crammed into one giant app/page.tsx with inline styles and no separation. Fine for a demo, painful the moment you want to edit the pricing sect
14votes
2answers
2.3kviews

How do you prompt GPT for an editorial, type-driven landing hero (think magazine, not startup)?

I come from print. I want landing heroes that feel like the opening spread of a good magazine: a strong typographic idea, real hierarchy, confident negative space. What I keep getting from GPT is a co
10votes
1answers
1.9kviews

Prompt for a dark-mode pricing table that reads as premium, not a spreadsheet

I build a lot of dark-mode products and pricing tables are where AI output falls apart. The default is three equal cards, a wall of checkmarks, and one card with a garish "Most Popular" badge slapped
9votes
1answers
1.7kviews

Prompt for a feature section that isn't just a 3-column grid of icon + heading + text

The feature section is where landing pages go to be boring. Every model defaults to the same three-up card grid with a generic icon, a two-word heading, and a sentence of filler. It's instantly forget
8votes
1answers
2.0kviews

Gemini prompt for an animated gradient hero background that doesn't jank on scroll

I wanted a slow, living gradient behind a hero, the kind that feels expensive. My first attempts animated background-position on a huge gradient and it hitched badly on scroll and cooked laptop fans,
8votes
0answers
815views

Pricing-page copy prompt that frames plans by user, not by feature-count tiers

Pricing copy is where products lie to themselves. The default AI output labels three tiers Basic/Pro/Enterprise and lists how many seats/projects each allows, which tells the buyer nothing about which
6votes
0answers
973views

Getting a responsive landing layout with real grid instead of 20 stacked flexbox divs

Most models scaffold a landing page as an endless tower of <div class="flex flex-col" wrappers. It works but it's impossible to maintain and the vertical rhythm is always slightly off between sections
5votes
0answers
1.2kviews

Repo-scaffold prompt: whole marketing site skeleton in one pass, then I take the wheel

My workflow is 0-to-1: I want the model to lay down a complete, runnable repo skeleton so I can start editing real content in minute two, not fight tooling for an hour. The failure mode is a model tha