Hero section examples
The promise, continued. One message, one CTA: everything else waits below the fold.
No sections match these filters.
This gallery shows 2,507 real heroes, cropped from 1,606 different sites, each cut from a live page’s full-page screenshot at the band’s measured position. 3,221 of the 3,919 fully measured pages carry at least one hero, which is 82%. Among the heroes measured, the typical hero takes 11% of its page’s height (median of 2,513 measured) and the typical hero holds 66 words (median of 2,462 measured). 96% of the 2,403 heroes whose heading level was measured open with an h1. Classification is deterministic, from the band’s own DOM signals, with no AI judgment. Every card opens the full measured band, and the broader measured range is on the matching research page. The corpus is seeded from launch directories, so read these counts as what UXXRAY measured, not as a sample of the whole web.
How this is measured
Each card is the actual hero band, cropped from a crawled page's full-page screenshot at its measured position — the highest-scoring funnels first.
Hero insights
- Typically 11.0% of the page tall across 2,513 sections
- Carries a median of 66 words across 2,462 sections
- Holds a median of 2 links across 1,801 sections
- Its heading is the page's h1 on 96% of the 2,403 sections that carry one
- Most often on a nav → hero → footer page 372 of 2,513 pages
- No-credit-card note — 30% 176 of the 586 heroes we measured in SaaS funnels
Conversion tactics measured in heroes
Share of heroes we measured in SaaS funnels
Share of heroes we measured in E-commerce funnels
A count, not a recommendation
Every rate is a lower bound: where the extractor found a tactic elsewhere on the same capture, that section leaves the denominator rather than counting as a miss, because only one position per tactic per page is recorded.
Page shapes, corpus-wide
34 page shapes cover half of the 3,290 pages we've measured. The most common is nav → hero → content → footer: 372 pages (11%). Measured across the funnels we've walked: SaaS 84% · E-commerce 12% · Affiliate 4% · Lead gen 1%.
How this is counted
The top 10 shapes cover 34% of pages. Its content element is the classifier’s terminal fallback (a band nothing else matched), not a named section. With that unnamed fallback removed from every sequence, 465 distinct shapes remain (down from 991 raw) and the top 10 cover 52%. Raw distinct counts move with detector coverage, not with design, so concentration is the number worth citing.
The pieces inside these: the Element Library. Back to all section designs. By industry, with the measured range: SaaS hero section examples.