Section design examples

7,151 sections captured and categorized, from 2,676 funnels x-rayed.

Each card is one band cropped from a real page; pick a section type to see them all.

Section type

Section typeAll

All7151 Hero2581 FAQ1893 Pricing1045 Logo Wall435 Features408 CTA340 Comparison261 Reviews89 Stats46 Email Capture39 testimonial grid14

Shuffle

How we counted

Newest first, 24 per page. Counts are sections browsable in the library, one card each.

launchpact.io — a real Hero section — launchpact.ioHero Product Hunt Launch Assets Generator Tagline, gallery images & maker comment Use in Design Factory

emailverifier.io — a real Hero section — emailverifier.ioHero Simple, Honest Pricing Use in Design Factory

noteoperator.yaro-labs.com — a real Features section — noteoperator.yaro-labs.comFeatures Focused Markdown editor Use in Design Factory

blue-chimp.com — a real CTA section — blue-chimp.comCTA Your next deal is already in your network. Use in Design Factory

bifrostaudio.com — a real Pricing section — bifrostaudio.comPricing Choose the level of control you need. Use in Design Factory

serpdelta.com — a real CTA section — serpdelta.comCTA See what changed in your rankings Use in Design Factory

outrank.so — a real Comparison section — outrank.soComparison AI-generated content that humans love to read. Use in Design Factory

securedai.com — a real Hero section — securedai.comHero Find Your Perfect Plan Use in Design Factory

viralclip.app — a real Features section — viralclip.appFeatures Basic Use in Design Factory

flexim.io — a real Features section — flexim.ioFeatures Connect your website Use in Design Factory

neatinvoice.app — a real Pricing section — neatinvoice.appPricing Two plans. Same workspace. Use in Design Factory

article.com — a real CTA section — article.comCTA Go open concept. Use in Design Factory

onprem-console.getoffgridai.co — a real Features section — onprem-console.getoffgridai.coFeatures Your enterprise should get smarter every time it works. Use in Design Factory

twizzlo.com — a real Hero section — twizzlo.comHero Every feature to run a busy service business Use in Design Factory

socialplod.com — a real Features section — socialplod.comFeatures Everything for growth in one place Use in Design Factory

ieltswritingchecker.org — a real Pricing section — ieltswritingchecker.orgPricing Plans Use in Design Factory

syncgtm.com — a real Stats section — syncgtm.comStats Find ready-to-buy prospects — just ask your AI Use in Design Factory

didyouseo.com — a real Pricing section — didyouseo.comPricing Scale your organic growth. Use in Design Factory

dochost.io — a real Pricing section — dochost.ioPricing Simple, fair pricing Use in Design Factory

orla.finance — a real Hero section — orla.financeHero Eight parts, one set of books underneath. Use in Design Factory

nanobanana.bingo — a real Pricing section — nanobanana.bingoPricing Nano Banana Pricing and Credit Plans Use in Design Factory

tattoocoverup.ai — a real Pricing section — tattoocoverup.aiPricing Compare Plans Use in Design Factory

zinng.ai — a real CTA section — zinng.aiCTA Testimonials Use in Design Factory

testimly.comLogo Wall Collect, Manage, and Showcase Customer Testimonials in One Setup Use in Design Factory

How this is measured

Method: every crawled page is segmented into full-width bands and each band classified into a section archetype by deterministic DOM signals: no LLM, no opinion. Prevalence counts each archetype once per page, across 4,069 pages crawled all the way to the footer (partial crawls are held back, not guessed). "Typically sits" = the average of the section's position within the page body (0 = top, 1 = bottom). Scoped to the pages we've crawled, not "the web"; auto-updating as the corpus grows. 12 section types.