Template
Landing Page System
Public product landing layout with nav, first-viewport offer, proof strip, feature bands, FAQ teaser, and discovery footer.
Structure
Type: landing
Regions: 5
Components: 11
Status: active
Exports: json, html-css, react-tailwind, markdown, design-spec-json, report
Responsive defaults
- Responsive navigation · 12 cols · stackBelow 560
- Offer hero · 12 cols · stackBelow 640
- Proof strip · 12 cols · stackBelow 720
- Feature bands · 12 cols · stackBelow 820
- Discovery footer · 12 cols · stackBelow 640
Accessibility notes
- Includes a heading and main region for deterministic semantic checks.
- Interactive controls are sized for at least 44px tap targets where applicable.
- Image and form components carry metadata for alt text and labels when present.
Responsive notes
- Configured for narrow, mobile, tablet, desktop, and wide viewport checks.
- Regions include stackBelow hints so rails and dense panels collapse before overflow.
- Exports preserve semantic region and component markers for downstream review.