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.

cric.auction — a real CTA section — cric.auctionCTA Your Next Tournament Deserves a Better Auction Use in Design Factory

minia.art — a real Pricing section — minia.artPricing Simple, transparent pricing Use in Design Factory

makebpm.com — a real Pricing section — makebpm.comPricing Start Free. Upgrade When You're Ready. Use in Design Factory

ihateqr.in — a real Pricing section — ihateqr.inPricing WHY CHOOSE IHATEQR? Use in Design Factory

k2mailer.com — a real FAQ section — k2mailer.comFAQ Questions buyers ask us Use in Design Factory

citerocket.com — a real testimonial grid section — citerocket.comtestimonial grid Give your agent Reddit as a set of tools Use in Design Factory

govoyagetravel.com — a real Hero section — govoyagetravel.comHero Pay as you Plan. Use in Design Factory

getfokus.com — a real Features section — getfokus.comFeatures Fokus vs Sunsama Use in Design Factory

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

autometa.in — a real Pricing section — autometa.inPricing The questions it answers Use in Design Factory

hotellobbyvideoai.org — a real Stats section — hotellobbyvideoai.orgStats Where the Hotel Lobby Video Idea Comes From Use in Design Factory

trendjack.io — a real Features section — trendjack.ioFeatures Basic Use in Design Factory

bertlo.com — a real Hero section — bertlo.comHero Translate 50+ Document Formats, Keep the Layout. Use in Design Factory

overrank.aiLogo Wall Use in Design Factory

ranccoon.com — a real CTA section — ranccoon.comCTA Start tracking. Sleep better. Use in Design Factory

hale.med — a real Pricing section — hale.medPricing Simple, transparent pricing Use in Design Factory

contentpen.ai — a real Pricing section — contentpen.aiPricing Teams that automated their way to more visibility Use in Design Factory

kid-voices-ai.com — a real Hero section — kid-voices-ai.comHero Simple pricing for kid voices. Use in Design Factory

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

costbase.co — a real CTA section — costbase.coCTA You can't cut what you can't see. Use in Design Factory

dokmine.com — a real CTA section — dokmine.comCTA Ready to see what's in your documents? Use in Design Factory

aissist.io — a real FAQ section — aissist.ioFAQ Common questions about pricing. Use in Design Factory

sourcegraph.com — a real testimonial grid section — sourcegraph.comtestimonial grid Find answers faster. Make agents better. Change code at scale. Use in Design Factory

meshy.ai — a real FAQ section — meshy.aiFAQ Frequently asked questions 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.