X-ray a siteX-ray

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

How we counted

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

makebpm.com — a real Hero section — makebpm.comHero Pricing for MakeBPM Use in Design Factory

k2mailer.com — a real FAQ section — k2mailer.comFAQ Know what happens next Use in Design Factory

citerocket.com — a real Hero section — citerocket.comHero Free Use in Design Factory

govoyagetravel.com — a real FAQ section — govoyagetravel.comFAQ Frequently Asked Questions Use in Design Factory

tilekind.com.au — a real FAQ section — tilekind.com.auFAQ SHOP Use in Design Factory

autometa.in — a real Stats section — autometa.inStats See Autometa in action. Use in Design Factory

trendjack.io — a real Stats section — trendjack.ioStats Become a founding user Use in Design Factory

bertlo.com — a real Hero section — bertlo.comHero Make learning accessible to every student Use in Design Factory

overrank.ai — a real FAQ section — overrank.aiFAQ Meta tags, schema, sitemap — handled Use in Design Factory

contentpen.aiLogo Wall Use in Design Factory

kid-voices-ai.com — a real FAQ section — kid-voices-ai.comFAQ Frequently Asked Questions Use in Design Factory

dokmine.com — a real Hero section — dokmine.comHero Redact personal data from any document. Use in Design Factory

aissist.io — a real Pricing section — aissist.ioPricing AgentMesh™ Use in Design Factory

sourcegraph.com — a real Hero section — sourcegraph.comHero Modernize your codebase with confidence. Use in Design Factory

meshy.ai — a real testimonial grid section — meshy.aitestimonial grid AI agents for every use case Use in Design Factory

railway.com — a real FAQ section — railway.comFAQ Commonly Asked Questions Use in Design Factory

joinmassive.com — a real Hero section — joinmassive.comHero Proven #1 on reliability. Built for production. Use in Design Factory

nuet.ai — a real Hero section — nuet.aiHero Nuet vs Sense Use in Design Factory

mapleads.ai — a real Hero section — mapleads.aiHero Built for anyone doing local outreach Use in Design Factory

ytzolo.com — a real Comparison section — ytzolo.comComparison Compare All Features Use in Design Factory

gpt-transcribe.org — a real Comparison section — gpt-transcribe.orgComparison gpt-transcribe vs Whisper: What Each One Actually Does Use in Design Factory

transparentlabs.com — a real Hero section — transparentlabs.comHero Protein + Creatine Core Bundle Use in Design Factory

jobcopy.ai — a real Hero section — jobcopy.aiHero Get hired faster. Start free, upgrade when ready. Use in Design Factory

atlas.coLogo Wall Showcase 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.