X-ray a siteX-ray

Section design examples

7,089 sections captured and categorized, from 2,652 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

All7089 Hero2566 FAQ1873 Pricing1037 Logo Wall441 Features400 CTA343 Comparison260 Reviews88 Stats42 Email Capture39

How we counted

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

invideoai.pro — a real FAQ section — invideoai.proFAQ InVideo AI Frequently Asked Questions Use in Design Factory

guidance.so — a real Hero section — guidance.soHero Find the right fit. Use in Design Factory

gortex.ai — a real Hero section — gortex.aiHero One decision layer. six ways to call it. Use in Design Factory

askolly.live — a real Pricing section — askolly.livePricing Pay only for interview prep tools. Learning stays free. Use in Design Factory

rakenne.app — a real FAQ section — rakenne.appFAQ Everything you need to know Use in Design Factory

saasgrow.app — a real Features section — saasgrow.appFeatures Beautiful Backgrounds Use in Design Factory

gorules.io — a real CTA section — gorules.ioCTA Own the rules that run your business. Use in Design Factory

zinnhub.com — a real FAQ section — zinnhub.comFAQ Questions? We’ve got answers. Use in Design Factory

magicshot.ai — a real Pricing section — magicshot.aiPricing Plans for every creator Use in Design Factory

letshang.io — a real Hero section — letshang.ioHero How to organise a volleyball game that actually happens Use in Design Factory

citeprism.com — a real Pricing section — citeprism.comPricing Start free. Pay when it earns it. Use in Design Factory

nanopic.net — a real Pricing section — nanopic.netPricing Pricing Use in Design Factory

hotel-lobby.org — a real FAQ section — hotel-lobby.orgFAQ HOTEL LOBBY AI FAQ Use in Design Factory

lovetales.ai — a real FAQ section — lovetales.aiFAQ Frequently asked questions Use in Design Factory

glpcompare.co — a real Comparison section — glpcompare.coComparison Use in Design Factory

sample.audio — a real FAQ section — sample.audioFAQ FREQUENTLY ASKED QUESTIONS Use in Design Factory

coldvisit.com — a real FAQ section — coldvisit.comFAQ A little more before you install. Use in Design Factory

htmlslides.ai — a real FAQ section — htmlslides.aiFAQ FAQ Use in Design Factory

galite.io — a real FAQ section — galite.ioFAQ Frequently asked questions Use in Design Factory

wise.com — a real Comparison section — wise.comComparison Save up to 75% compared to major banks Use in Design Factory

everquote.comLogo Wall Our valued insurance partners Use in Design Factory

shieldlabs.ai — a real Pricing section — shieldlabs.aiPricing Start free. Scale when you're ready. Use in Design Factory

ai-attractivenesstest.com — a real FAQ section — ai-attractivenesstest.comFAQ Photo Guide FAQ Use in Design Factory

promptzerk.tech — a real Pricing section — promptzerk.techPricing Choose the plan that fits your workflow 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,027 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. 10 section types.