Full-width stacked landing sections under a slim top nav: a centered hero, then alternating feature bands separated by hairline borders. Each section is a self-contained argument, and the page reads like a deck.
Export Snippets
Switch formats without compressing the preview layout.
AI Prompt
Natural-language design direction for AI coding tools.
Build a Vercel-style stacked-sections landing layout.
1. Nav: 64px sticky top bar, hairline bottom border (1px rgba border, never a shadow).
2. Hero: centered, 120-160px vertical padding. Headline up to 72px with tight tracking, subline 18px muted, two CTAs (one solid, one outline) side by side.
3. Sections: each full-width, separated by 1px hairline borders. Inner content constrained to max-width 1200px.
4. Feature bands alternate: centered statement sections and 3-column grid sections (each column: small icon, 16px semibold title, 14px muted body).
5. Color: monochrome base — sections alternate pure black and near-black (#0A0A0A); the only color comes from content.
6. Every section must work standalone — a screenshot of any single band should still make sense.Full-width stacked landing sections under a slim top nav: a centered hero, then alternating feature bands separated by hairline borders. Each section is a self-contained argument, and the page reads like a deck.
Switch viewports to see the responsive behavior described in the exports.
Switch viewports to see the responsive behavior described in the exports.