Hero section trends 2026
What the first band of 1,576 real homepages shows, how long its headline runs and how many actions it offers. Captured 21–29 Sep 2026.
Imagery style
Photography 52.3% · Product UI 18.6% · Abstract, gradient or 3D 14.6% · Type only, no imagery 14.5%.
Labelled on-device by an image classifier (Apple Vision scene labels + pixel metrics), across 1,559 homepage heroes captured 21–29 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.3% (816 of 1,559 heroes)
- Product UI18.6% (290 of 1,559 heroes)
- Abstract, gradient or 3D14.6% (227 of 1,559 heroes)
- Type only, no imagery14.5% (226 of 1,559 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.1% run six words or fewer.
Word count of the hero's first heading, across 1,275 heroes with a text headline captured 21–29 Sep 2026.
- 1–3 words25.3% (323 of 1,275 headlines)
- 4–6 words45.8% (584 of 1,275 headlines)
- 7–9 words19.5% (248 of 1,275 headlines)
- 10–14 words7.5% (96 of 1,275 headlines)
- 15+ words1.9% (24 of 1,275 headlines)
Calls to action
41.1% of heroes offer one or two buttons; 38.1% use text links only. 13.4% 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,576 heroes captured 21–29 Sep 2026.
Browse every hero: hero section examples · all trends