E-commerce Pro
DTC single-product page
The prompt
Build a product detail page for a single-product brand — a $180 leather weekender bag called Halden. Layout: a two-column split that does not scroll in lockstep. Left column is a sticky image stack showing five photographs at 4:5, scrolled as one continuous column. Right column is the buy panel, sticky from the top, max-width 420px: product name at 2rem, one-sentence positioning line, price in monospace, a…
142 more words behind Pro
Unlock all 24 promptsThe opening is above. Pro unlocks the full text — the structure, constraints and design tokens that do the real work.
About this prompt
A product detail page for one hero product, built around merchandising detail instead of a generic image gallery.
Tags:#light-mode#product-page#dtc#minimal
Prompt Setup Guide
How to use this prompt & FAQs
Follow these simple steps to generate high-converting websites using DTC single-product page.
STEP 01
Copy System Prompt
Click the copy button above to grab the structured system prompt for "DTC single-product page".
STEP 02
Paste into AI Builder
Open Lovable, Bolt, Codex, Claude and paste the system prompt into the composer or initial prompt box.
STEP 03
Generate & Refine
Replace any bracketed text like [App Name] with your specific details, then click generate.
Frequently Asked Questions
More like this