Skip to main content

Home Page Patterns Hero section

Hero section

The big top section of a landing page that introduces a product.

The hero is the first thing the visitor sees — typically a large headline, a one-sentence description, a primary call-to-action button, and a supporting image or animation. It is the loudest part of the page.

A good hero answers three questions in three seconds: what is this, why do I care, what should I do next. Cut anything that does not serve those three.

Related terms