Octaevo
Section type
Hero sections
The first screen decides whether anyone reads the second. These are opening sections from real sites: what they lead with, how much they explain before asking for something, and how they handle the image when there is one.
Immi
Hero
Palette
Hero
Palette
Hero
Digital Next
Hero
Oma Appel
Hero
Simulate
Hero CTA
Simulate
Hero
Nantucket Crisps
Hero
Nantucket Crisps
Hero
Ode To Things
Hero
Smalls
Hero
Smalls
Hero
Clam O Naise
Hero
Bonfire
Hero
Bonfire
Hero
Bonfire
Blog Hero
Netzero
Hero
Netzero
Hero 1
Netzero
Hero 2
Hims
Hero
Hims
Hero
Hims
Hero
Hims
Hero
Hims
Hero
Hims
Help Center Hero
Colabs
Hero
Colabs
Hero
Colabs
Hero
Colabs
Hero
Colabs
Hero
Colabs
Hero
Knith
Hero
Knith
Hero
Knith
Hero
De Kruiden Molen
Hero
De Kruiden Molen
Hero
De Kruiden Molen
Hero
De Kruiden Molen
Hero
Boords
Hero
Plenaire
Hero
Plenaire
Hero
Hero sections by the numbers
Counted across the 42 sections on this page. An entry can carry more than one tag, so the shares are of sections, not of tags, and they move as the library grows.
How Hero sections are laid out
- Multi Column 3481%
- Asymmetrical 819%
- Single Column 614%
- Cards & Listing 37%
- Split Screen 25%
- Carousel 12%
Pages these Hero sections sit on
- Home 1843%
- About 717%
- Blog Posts 512%
- Shop 37%
- Contact 25%
- Single Product 25%
- Testimonials 25%
- FAQs 12%
Industries using them
- Food & Drinks 1331%
- Marketing & Design 1126%
- Education & Consulting 921%
- Health & Wellness 819%
- Home & Electronics 717%
- Real Estate 614%
- Fashion & Beauty 512%
- AI & Automation 12%