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 responsive.
The trick was specifying the visual hierarchy explicitly instead of just saying "make it look good". Sharing the exact prompt below. It has worked across three different models for me.
What would you add to make the testimonials section less generic?
Build a single-file HTML landing page for a SaaS product called {PRODUCT}. Requirements:
- Hero: bold headline (max 8 words), subheadline (max 20 words), primary CTA button, product screenshot placeholder with subtle drop shadow
- Social proof bar: 5 grayscale company logos
- Feature grid: 3 columns, each with an icon, 4-word heading, 2-sentence description
- Pricing: 3 tiers (Free/Pro/Team), middle tier visually emphasized, annual toggle
- FAQ: 5 questions in an accordion
- Footer: 4 columns of links
Design constraints: system font stack, one accent color #4f46e5, 8px spacing grid, max-width 1120px, generous whitespace, no stock-photo cliches. All copy must be specific to {PRODUCT}, no lorem ipsum.