The hero section is the first thing visitors see — a combination of headline, subheadline, CTA, and usually a visual (screenshot, illustration, or video). It's roughly synonymous with "above the fold" but refers specifically to the designed content block, not the viewport boundary.
In our scoring framework, First Impression & Hero is the most weighted dimension at 20%. That's not arbitrary — it reflects what the data shows: pages with strong hero sections consistently outperform across all other dimensions too. A great hero earns trust that carries through the rest of the page.
Anatomy of a high-scoring hero
After analyzing thousands of heroes, the pattern is clear. High scorers have: (1) A headline that passes the 5-second clarity test, (2) A subheadline that adds one specific detail, (3) One primary CTA with friction-reducing text, (4) A product visual or illustration that reinforces the headline. That's it. The best heroes are remarkably simple. Companies like Stripe, Linear, and Notion demonstrate this — minimal elements, maximum clarity.
The most common mistake: treating the hero as a table of contents for the entire page. Navigation menus, multiple CTAs, feature badges, trust logos, animation, video — all crammed into 800 pixels of vertical space. When everything competes for attention, nothing wins.