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.

cloudwards.net — a real Comparison section — cloudwards.netComparison The Best Software Compared Side by Side Use in Design Factory

exeechain.com — a real Hero section — exeechain.comHero AI churn prediction software ranked by the money at stake. Use in Design Factory

seedream4ai.org — a real Pricing section — seedream4ai.orgPricing Simple, Transparent Pricing Use in Design Factory

anakin.io — a real Pricing section — anakin.ioPricing Pay for what you ship. Use in Design Factory

kipper.com — a real Pricing section — kipper.comPricing Start free with one QuickBooks company Use in Design Factory

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

ryzio.app — a real Pricing section — ryzio.appPricing More of the core workflow, for less. Use in Design Factory

transcribevideo.ai — a real Features section — transcribevideo.aiFeatures Can you get a transcript from TikTok itself? Use in Design Factory

renamer.ai — a real Pricing section — renamer.aiPricing Smart file organization for everyone Use in Design Factory

localhero.live — a real Hero section — localhero.liveHero Google Review Management Services That Build Trust and Drive Calls Use in Design Factory

tailscale.com — a real Stats section — tailscale.comStats 50,000 businesses choose Tailscale Use in Design Factory

usebuildpress.com — a real FAQ section — usebuildpress.comFAQ Common questions Use in Design Factory

figma.com — a real FAQ section — figma.comFAQ FAQs Use in Design Factory

blueland.comLogo Wall Good Clean Fun Use in Design Factory

store.google.com — a real Pricing section — store.google.comPricing Unlimited Premium Use in Design Factory

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

gemini-omni.pro — a real CTA section — gemini-omni.proCTA Like What You See? Use in Design Factory

aestheticflow.cloud — a real FAQ section — aestheticflow.cloudFAQ Common Questions Use in Design Factory

ito.ai — a real FAQ section — ito.aiFAQ Questions teams ask about self-healing. Use in Design Factory

agentplanners.com — a real FAQ section — agentplanners.comFAQ Pricing FAQ Use in Design Factory

melodycraft.app — a real Hero section — melodycraft.appHero Create More withMelodyCraft Pro Use in Design Factory

scifig.aiLogo Wall Free Comparison Chart Maker — templates & examples Use in Design Factory

loomal.ai — a real Hero section — loomal.aiHero Flat plans. No cut of your revenue. Use in Design Factory

runassay.app — a real FAQ section — runassay.appFAQ FAQs 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.