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.

imageblender.app — a real Pricing section — imageblender.appPricing Simple, Transparent Pricing Use in Design Factory

pika-ai.pro — a real Pricing section — pika-ai.proPricing Simple, Transparent Pricing Use in Design Factory

memexlab.aiLogo Wall See Memex in action Use in Design Factory

airaindance.org — a real Pricing section — airaindance.orgPricing No subscription needed: buy credits once, or subscribe and save Use in Design Factory

polyform.to — a real Hero section — polyform.toHero Meet Polly, your AI form agent Use in Design Factory

dreaminai.artLogo Wall What Creators Say About Dreamina AI in Practice in practice. Use in Design Factory

guidance.so — a real Features section — guidance.soFeatures Built for Food & Beverage Use in Design Factory

rakenne.app — a real Features section — rakenne.appFeatures From prompt to production-ready document Use in Design Factory

gorules.io — a real Hero section — gorules.ioHero What will you automate? Use in Design Factory

zinnhub.com — a real Pricing section — zinnhub.comPricing Zinner Memberships Use in Design Factory

magicshot.ai — a real Reviews section — magicshot.aiReviews What creators say about MagicShot Use in Design Factory

citeprism.com — a real Hero section — citeprism.comHero Start free with your keys. Go Pro for ours. Use in Design Factory

nanopic.netLogo Wall Image to Image AI Photo Editor Use in Design Factory

hotel-lobby.org — a real Pricing section — hotel-lobby.orgPricing Pricing Use in Design Factory

lovetales.ai — a real Hero section — lovetales.aiHero Find the perfect way to tell your love story Use in Design Factory

sample.audio — a real Hero section — sample.audioHero Type what you mean. Hear the best matches. Use in Design Factory

coldvisit.com — a real Pricing section — coldvisit.comPricing The gate is included. Choose your coverage. Use in Design Factory

galite.io — a real Pricing section — galite.ioPricing Simple, transparent pricing Use in Design Factory

wise.com — a real Hero section — wise.comHero The current account for expats and relocators Use in Design Factory

everquote.com — a real Hero section — everquote.comHero Product Overview Use in Design Factory

shieldlabs.ai — a real FAQ section — shieldlabs.aiFAQ Frequently asked questions Use in Design Factory

everydial.ai — a real Pricing section — everydial.aiPricing One booked job pays for the year. Use in Design Factory

directoryforai.com — a real FAQ section — directoryforai.comFAQ Frequently asked questions Use in Design Factory

skydive.com — a real Hero section — skydive.comHero Automation that never sleeps 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.