Hero section trends 2026
What the first band of 1,561 real homepages shows, how long its headline runs and how many actions it offers. Captured 21–24 Sep 2026.
Imagery style
Photography 52.6% · Product UI 18.6% · Abstract, gradient or 3D 14.4% · Type only, no imagery 14.4%.
Labelled on-device by an image classifier (Apple Vision scene labels + pixel metrics), across 1,558 homepage heroes captured 21–24 Sep 2026. 839 labels are high-confidence; product UI is often low-confidence, and UI screenshots shown with people tend to count as photography. We don't measure centred vs split layouts yet.
- Photography52.6% (819 of 1,558 heroes)
- Product UI18.6% (290 of 1,558 heroes)
- Abstract, gradient or 3D14.4% (225 of 1,558 heroes)
- Type only, no imagery14.4% (224 of 1,558 heroes)
Product UI heroes
290 heroes (18.6%).
Examples from the highest-ranked sites in the library; open one for its palette, fonts and a build brief.
Headline length
The median hero headline is 5 words; 71.3% run six words or fewer.
Word count of the hero's first heading, across 1,304 heroes with a text headline captured 21–24 Sep 2026.
- 1–3 words26.1% (340 of 1,304 headlines)
- 4–6 words45.2% (590 of 1,304 headlines)
- 7–9 words19.4% (253 of 1,304 headlines)
- 10–14 words7.4% (96 of 1,304 headlines)
- 15+ words1.9% (25 of 1,304 headlines)
Calls to action
41.9% of heroes offer one or two buttons; 36.1% use text links only. 14.3% put a form (usually email capture) in the hero.
Buttons counted in the hero band's markup (navigation buttons in the band count too), across 1,561 heroes captured 21–24 Sep 2026.
Browse every hero: hero section examples · all trends