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.

pdfinspector.online — a real Pricing section — pdfinspector.onlinePricing Use in Design Factory

miyawesim.app — a real Pricing section — miyawesim.appPricing How Miyaw compares on price Use in Design Factory

go.kimp.io — a real CTA section — go.kimp.ioCTA Experience Seamless Design with Kimp Use in Design Factory

ocrstack.com — a real Pricing section — ocrstack.comPricing Starter Use in Design Factory

flybyjing.com — a real Hero section — flybyjing.comHero YOUR CART Use in Design Factory

auditpitch.com — a real Comparison section — auditpitch.comComparison Why AuditPitch is more than a generic website scan Use in Design Factory

neatmail.appLogo Wall Loved by founders, operators, and busy inboxes. Use in Design Factory

ferrix.systems — a real Hero section — ferrix.systemsHero Game Hosting Use in Design Factory

thuma.co — a real Reviews section — thuma.coReviews Reviews Use in Design Factory

recibbi.site — a real Hero section — recibbi.siteHero Great tools, different jobs. Only one reads the line items. Use in Design Factory

leads.zalize.comLogo Wall Backed by public data. Built for indie SaaS teams. Use in Design Factory

wephora.com — a real Reviews section — wephora.comReviews Start from a proven template Use in Design Factory

9http.com — a real FAQ section — 9http.comFAQ FAQ Use in Design Factory

tohuman.ioLogo Wall Start free. Upgrade when you need more. Use in Design Factory

questie.ai — a real CTA section — questie.aiCTA Find Your Playstyle Use in Design Factory

teahose.com — a real Pricing section — teahose.comPricing One step from access. Use in Design Factory

wirevoxai.com — a real Comparison section — wirevoxai.comComparison What other agents leave unfinished. Use in Design Factory

legionathletics.com — a real Pricing section — legionathletics.comPricing Use in Design Factory

kissmyskills.com — a real Hero section — kissmyskills.comHero Software Developer Claude Skills Use in Design Factory

liinks.co — a real FAQ section — liinks.coFAQ Frequently asked questions Use in Design Factory

rankorange.com — a real FAQ section — rankorange.comFAQ Decide with the full picture. Use in Design Factory

clearterms.co — a real FAQ section — clearterms.coFAQ Frequently Asked Questions Use in Design Factory

keepflash.com — a real Comparison section — keepflash.comComparison Choose a bookmark bar for shortcuts. Choose KeepFlash for material you need to use again. Use in Design Factory

nexpept.is — a real CTA section — nexpept.isCTA CART 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.