Page type — Landing Pages
Structure axis. Style-agnostic: pair with any system to render. Aggregated from 9 prompts in this repo.
What this page type is
A reusable Landing Pages 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 6 prompts)
- Navigation (in 3 prompts)
- Footer (in 2 prompts)
- Feature Grid (in 2 prompts)
- Philosophy / Narrative Section (in 1 prompts)
- Asymmetrical Showcase Grid (in 1 prompts)
- Bespoke Service Cards (in 1 prompts)
- Social Proof Marquee (in 1 prompts)
- Problem vs Solution (in 1 prompts)
- How It Works (in 1 prompts)
- Use Case Personas (in 1 prompts)
- Testimonials (in 1 prompts)
Common components
- Typographic Echo Stack (in 1 prompts)
- Pill-Shaped Vertical Showcase (in 1 prompts)
- Neo-Brutalist Push Button (in 1 prompts)
- Browser Mockup Dashboard (in 1 prompts)
- Shiny Border Button (in 1 prompts)
- Interactive Feature Card (in 1 prompts)
- Poster Button (in 1 prompts)
- Typographic List Item (in 1 prompts)
- Grid Sidebar Label (in 1 prompts)
- Property Inspector Grid (in 1 prompts)
- Simulated Selection Box (in 1 prompts)
- Side-by-Side Narrative Cards (in 1 prompts)
- Truth Matrix (in 1 prompts)
Example — render in a chosen style
Build a Landing Page using the "<system-id>" design system
(see systems/<system-id>/DESIGN.md). Include the common sections above.
Reference prompts (best-designed first)
- Graphic Comparison Report · design 9/10 · 2,470 runs
- High Contrast Landing Page · design 9/10 · 2,400 runs
- Foundry: Your SaaS Site, Designed Before You Write a Line · design 9/10 · 2,390 runs
- Lumina SaaS Landing Page · design 8/10 · 2,271 runs
- Synapse · design 7/10 · 1,808 runs
- Landing Page / Local Small Business · design 6/10 · 2,486 runs
- Landing Page / Real-Estate · design 6/10 · 2,329 runs
- SaaS Landing Page for Developer Tool · design 6/10 · 2,046 runs
- Chrome Extension Landing Page · design 5/10 · 2,430 runs