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.

aeomantis.com — a real Features section — aeomantis.comFeatures AI Citation Monitoring Use in Design Factory

symbioticpharma.isLogo Wall Trusted by Customers Use in Design Factory

image-to-video-ai.im — a real Pricing section — image-to-video-ai.imPricing Plans and pricing Use in Design Factory

imaginode.ai — a real Pricing section — imaginode.aiPricing SIMPLE PRICING, TRANSPARENT CREDITS Use in Design Factory

imagetosketch.org — a real Hero section — imagetosketch.orgHero Trial Use in Design Factory

fly.io — a real Pricing section — fly.ioPricing Here's what it costs Use in Design Factory

vivideo.ai — a real Hero section — vivideo.aiHero AI Video Solutions by Industry, Platform & Format Use in Design Factory

v0.app — a real Pricing section — v0.appPricing Free Use in Design Factory

giffaceswap.org — a real FAQ section — giffaceswap.orgFAQ Pricing & Package Frequently Asked Questions Use in Design Factory

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

conferencegrid.com — a real Stats section — conferencegrid.comStats Track 250, free. Use in Design Factory

portfoliovideo.com — a real Features section — portfoliovideo.comFeatures Build a LinkedIn Video Content Portfolio with AI Use in Design Factory

recitemail.io — a real Features section — recitemail.ioFeatures From a message to a finished reply in three steps Use in Design Factory

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

aiseedance25.app — a real Pricing section — aiseedance25.appPricing Choose a credit plan that fits your workflow Use in Design Factory

listpro.app — a real Hero section — listpro.appHero Pay as you go 💳 Use in Design Factory

tonesmatch.com — a real Pricing section — tonesmatch.comPricing Simple Guitar Tone Matching Plans Use in Design Factory

zoronal.com — a real Hero section — zoronal.comHero THE ONLY CALL PLATFORM BUILT FOR INSURANCE OPS. Use in Design Factory

harrys.com — a real CTA section — harrys.comCTA Choose Your Razor Use in Design Factory

zoye.io — a real FAQ section — zoye.ioFAQ Zoye features FAQ Use in Design Factory

cleanthatsheet.com — a real Features section — cleanthatsheet.comFeatures Get Messy Excel and CSV Files Ready for What Comes Next Use in Design Factory

speechtext.co — a real Pricing section — speechtext.coPricing Pricing Use in Design Factory

bypassify.online — a real Hero section — bypassify.onlineHero Free forever. Pro when you outgrow it. Ultra when you need the extra edge. Use in Design Factory

fazeshift.com — a real FAQ section — fazeshift.comFAQ Accounts receivable automation explained 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.