What this prompt does
This prompt generates the full structure and code for a Micro SaaS landing page in a single pass — not a wireframe, not a mood board, but actual semantic HTML with responsive layout, dark mode, and a conversion-focused section order baked in. It operationalizes a specific opinionated pattern (hero → demo → features → testimonials → pricing → CTA) that matches how cold traffic from Indie Hackers, Product Hunt, or a newsletter actually behaves on a Micro SaaS page.
The template enforces constraints that most landing page generators ignore: a 100KB CSS ceiling, a single font family, no stock photos, and a hard cap of six features. These are not aesthetic preferences — they are decisions that directly affect LCP scores and bounce rates on low-trust first visits.
When to use it
- You are launching a side project in stealth or early access and need a validated page before you write a single line of backend code.
- You want to A/B test a positioning angle before committing to a brand identity.
- You have traffic coming from a specific channel (Twitter, Reddit, a newsletter) and want the page tuned to that source's intent.
- You are rebuilding a landing page that currently has too many features listed and wonder why signups are low.
- You need a working dark mode toggle and confetti-on-signup interaction without pulling in a JS framework.
Example output
For product_name = "InboxZap", product_description = "AI that unsubscribes and labels your Gmail in one click", stage = "early access", framework = "Tailwind + Alpine.js":
Hero headline: "Clean inbox. One click. No regrets."
Subheadline: "InboxZap scans your Gmail, kills dead subscriptions,
and labels what matters — in under 60 seconds."
CTA: "Try it free — no card needed"
Problem → Solution:
1. 300 unread emails → AI identifies and kills the noise
2. "Unsubscribe" rabbit holes → one-click batch removal
3. Missing important mail → smart labels that actually stick
Pricing (single card):
Early Access — $0 until launch, then $4/mo
[Full Alpine.js dark mode toggle + confetti npm-free snippet included]
Pro tips
- Set
traffic_sourcehonestly — if traffic comes from Reddit, tell the prompt. It shifts the tone from polished to direct, which converts better with that audience. - Keep
feature_countat 3 or 4 during validation. Six is the ceiling the prompt sets, but fewer forces you to name only what is genuinely differentiated. - Pass
proof_type = "waitlist count"if you have zero customers yet. The prompt will generate a believable social proof format for pre-launch that does not require fake testimonials. - After generating, audit every word in the hero against the 10-word headline constraint yourself — models tend to push just over it, and the discipline of cutting matters for conversion.
- Pair this with a real performance test: paste the generated HTML into PageSpeed Insights before shipping. The sub-2s LCP target the prompt sets is achievable but only if your hosting and image assets cooperate.