| name | landing-structure |
| description | Information architecture that guides visitors from curiosity to commitment. Enforces section order, content hierarchy, and scroll-depth logic. Use when building landing pages, product pages, or any conversion surface. |
Landing Structure
Information architecture that guides visitors from curiosity to commitment.
How to use
/landing-structure Apply these constraints to landing page work in this conversation.
Constraints
Section Order (high-intent traffic)
- Hero: Problem + solution in one screen. CTA visible without scrolling.
- Social proof: logos, numbers, or one strong testimonial.
- How it works: 3 steps max. Show, don't tell.
- Features/benefits: lead with outcomes, support with features.
- Deeper social proof: case studies, detailed testimonials.
- Pricing or next step.
- FAQ: handle remaining objections.
- Final CTA: repeat the primary action.
Section Order (low-intent traffic)
- Hero: Lead with the problem. Make them feel understood.
- Problem amplification: show the cost of the status quo.
- Solution introduction.
- How it works: simple, visual, concrete.
- Social proof: trust before asking for commitment.
- Low-commitment CTA: free trial, demo, newsletter.
Rules
- MUST have exactly one primary CTA per page (repeated, not different)
- MUST make the hero scannable in under 5 seconds
- MUST answer "what is this, who is it for, why should I care" before first scroll
- Hero headline: 6-12 words. Subheadline: 15-25 words
- NEVER start with "Welcome to..." or the company name
- NEVER bury CTA below 3+ scrolls
- NEVER have two consecutive text-heavy sections without visual break
