← DictionaryHero Section
also called hero
The top section of a page carrying the main message and primary action.
The first block: what you do and what to click.
What It Is
You will find Hero Section in the Website layer, alongside the rest of Layout. The working definition is simple: the top section of a page carrying the main message and primary action.
It is a label with a settled working definition, so the value is in using it the same way every time. Once it is defined that clearly, arguments about it usually stop.
How It's Used
Hero Section comes up in site builds, page structure and the technical decisions underneath them. It is usually discussed together with Above the Fold, Call to Action and Headline. The practical test is whether everyone in the room means the same thing by it.
Why It Matters
Getting Hero Section wrong is expensive in a quiet way. When it is unclear, the site still launches — it just quietly underperforms. It is worth pinning down before anyone builds on top of it.
Think of it as a name on a box. Open the box and this is what is inside: The first block: what you do and what to click.
Termshift™
How the meaning shifts depending on who is using it, and where.
Practitioners use Hero Section as shorthand and expect no explanation — the top section of a page carrying the main message and primary action.
Outside the industry, most people would just say: the first block: what you do and what to click.
The Bottom Line
If you only keep one thing about Hero Section: the first block: what you do and what to click. Everything after that is detail.