lov-product-onepage

产品一页纸 · Product OnePage

Build one public product story on one fixed canvas. Combine brand positioning, conversion narrative, evidence discipline, product staging, and code-rendered typography. Do not turn a Landing Page into a screenshot or an infographic into a card wall.

source truth
→ public/private ledger
→ Brand Spine + one public thesis
→ headline spine + conversion
→ layout × art direction
→ real product stage + supporting visual
→ editable HTML/SVG master
→ render + machine gate
→ full-size and thumbnail review
→ independently recomposed derivatives

Default to a 4:5 master at 1080 × 1350. Recompose 9:16, 1:1, 16:9, and A4 derivatives; never crop or uniformly shrink the master.

Required outcome

Deliver:

• one recognizable product thesis, not a feature inventory;
• clear category, audience relevance, product mechanism, proof cue, and action;
• one dominant product stage using a real screenshot, artifact, output, or an explicitly conceptual representation;
• one real CTA destination or an explicitly labeled availability state;
• public claims mapped to evidence IDs; unknowns remain internal;
• exact HTML/SVG text for product name, claims, dates, prices, Logo, and CTA;
• text-free generated imagery only when it improves the product story;
• editable onepage.html, high-resolution onepage.png, source.md, brief.md, content.md, project.json, prompt record, and audit.json;
• a recorded human review at original size and thumbnail size.

Reject generic three-card layouts, unsupported superlatives, fake product UI, decorative prompt boxes, dead CTA buttons, synthetic testimonials, baked-in critical text, and output accepted only because it renders.

Read before authoring

Read all four references:

1. references/content-system.md — truth ledger, Brand Spine, headline spine, proof, and conversion.
2. references/layouts.md — semantic OnePage layouts and DOM contracts.
3. references/art-direction.md — visual systems, product staging, and hybrid image-generation policy.
4. references/quality-gate.md — machine and human release criteria.