Page shell / hero page
Hero Page
A full-width opening statement followed by structured content below. Built for pages where the first screen must carry the story and the rest of the page supports it.
First-impression shell /layouts/hero-page
Layout canvas /layouts/hero-page
Page shell / hero page
Hero Page
Traits
Full-width openingStrong narrative leadContent follows the hero
Home pageMission / campaign pageStandalone marketing story
Best for
- Home page
- Mission / campaign page
- Standalone marketing story
Shape
- Full-width opening
- Strong narrative lead
- Content follows the hero
Cue
First-impression shell