What this prompt does
This prompt generates a complete subscription box landing page structured around the proven hero-to-gift conversion funnel: box showcase first, mechanics second, social proof third, gift and flexibility last. The template hardcodes the industry's most important anti-pattern warning — never burying cancellation policy — because transparent flexibility is the single biggest lever against churn, and subscribers know it.
What makes it work is the specificity of inputs. You are not asking an AI to "make a landing page." You are specifying item count, plan count, target subscriber, and framework — so the output is wired to your actual product, not a generic template. The "industry design rules" block embedded in the prompt carries visual and UX constraints that would otherwise require a dozen back-and-forth clarification rounds.
The prompt also bridges design and code in one pass: sections 1-8 produce content architecture, section 9 produces the actual framework component for the hero and plan comparison cards — the two highest-effort pieces on any subscription page.
When to use it
- Launching a new subscription box and need a full-stack starting point from copy architecture to component code in one session.
- Rebuilding an underperforming box landing page where the current page buries skip/pause terms or has no unboxing preview moment.
- Adding a gift subscription tier to an existing box and need the gift option section designed to complement existing plan cards without rebuilding the whole page.
- A/B testing plan comparison layouts — generate two variants by changing
[plan_count]and the plan descriptions, then split-test. - Migrating a box from Shopify to a custom Laravel or Next.js stack and need clean component code rather than a theme port.
Example output
For box_name: Botanica, box_description: curated indoor plant care kits for urban apartment growers, pricing: $39/month, target_subscriber: millennial plant parents aged 25-38, framework: Tailwind + Alpine.js:
Hero: "Every month, your jungle grows."
Subheadline: Curated tools, soil, and care guides — delivered to your door.
Price anchor: From $39/mo · Free shipping · Skip anytime
Plan comparison toggle (Monthly / 3-Month / Annual):
Monthly $39/box
3-Month $34/box (save $15) ← highlighted
Annual $29/box (save $120)
<div x-data="{ plan: 'quarterly' }" class="...">
<button @click="plan = 'monthly'">Monthly</button>
...
</div>
Pro tips
- Set
[item_count]to 4-5, not 8-10. This variable controls the "what's inside" reveal for the current box — distinct from the past-boxes carousel. Both sections need restraint, but the current-box reveal is your hero product moment: fewer items, sharper perceived curation, higher desire. - Use
[target_subscriber]with psychographic detail, not just demographics. "Millennial plant parents who feel guilty when a succulent dies" produces tighter copy than "adults 25-38." - If your box has a waitlist or limited monthly quantity, add that constraint to
[box_description]— the AI will surface it as urgency in the hero rather than as fine print. - The reviews section outputs an Instagram embed/grid alongside star ratings and unboxing quotes. If your brand's Instagram presence is thin, add "no Instagram grid, replace with UGC video thumbnails" to the prompt before running — otherwise you will get a section that assumes an active feed.
- Run the prompt twice with different
[frequency]values (monthly vs. quarterly) if you offer both cadences — the plan comparison section and "how it works" copy diverge meaningfully enough that a shared page usually undersells one tier.
