superdesigndev/superdesign-prompts/e-commerce

Page type — E-commerce

Structure axis. Style-agnostic: pair with any system to render.

Aggregated from 5 prompts in this repo.

What this page type is

A reusable E-commerce generator. Bring a design system (colors, type, motion) and this skill supplies the structure — sections, layout, and the components users expect.

Common sections

• Hero Section _(in 3 prompts)_
• Navigation _(in 2 prompts)_
• Product Grid _(in 2 prompts)_
• Category Divider _(in 2 prompts)_
• Footer _(in 2 prompts)_
• Campaign Block _(in 1 prompts)_
• Manifesto Section _(in 1 prompts)_
• Header _(in 1 prompts)_
• Product Theater (Hero) _(in 1 prompts)_
• Interactive Model Selection _(in 1 prompts)_
• Editorial Philosophy _(in 1 prompts)_
• Feature Walkthrough _(in 1 prompts)_

Common components

• Interactive CTA Button _(in 1 prompts)_
• Animated Gradient Blobs _(in 1 prompts)_
• Neon Interaction Badge _(in 1 prompts)_
• Texture Overlay _(in 1 prompts)_
• Split-Indented Headline _(in 1 prompts)_
• Tactile Model Cards _(in 1 prompts)_
• Material Highlight Badge _(in 1 prompts)_
• Urgency Indicator Tag _(in 1 prompts)_
• Benefit Icon Cards _(in 1 prompts)_
• Mobile Sticky Cart _(in 1 prompts)_
• Formula Annotation Label _(in 1 prompts)_
• Data-Driven Review Card _(in 1 prompts)_

Example — render in a chosen style

Build a E-commerce using the "<system-id>" design system
(see systems/<system-id>/DESIGN.md). Include the common sections above.

Reference prompts (best-designed first)

• Super Shampoo - High Conversion LP · design 9/10 · 2,096 runs
• Brutalist Style Ecommerce Page · design 9/10 · 1,568 runs
• Brutalist E-commerce Page · design 9/10 · 1,531 runs
• Aura Audio Showroom · design 7/10 · 2,479 runs
• Laboratory Skincare · design 6/10 · 2,196 runs