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.

xfaste.st — a real Hero section — xfaste.stHero One product. Pick the billing rhythm. Use in Design Factory

iamglad.ai — a real Pricing section — iamglad.aiPricing Trial Use in Design Factory

harth.build — a real Pricing section — harth.buildPricing Plans Use in Design Factory

mateflow.com — a real Features section — mateflow.comFeatures A complete tech stack. One platform. Use in Design Factory

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

kinetixseo.comLogo Wall Every check behind the 219-check audit Use in Design Factory

fenzo.ai — a real CTA section — fenzo.aiCTA Get Fenzo for your whole team. Use in Design Factory

seevio.ai — a real Pricing section — seevio.aiPricing Use in Design Factory

createvision.ai — a real Hero section — createvision.aiHero Free Use in Design Factory

usecadence.co — a real FAQ section — usecadence.coFAQ Pricing FAQs For Our Audio Enhancer Use in Design Factory

meigen-ai.com — a real Pricing section — meigen-ai.comPricing Meigen AI Pricing Plans Use in Design Factory

evolink.ai — a real FAQ section — evolink.aiFAQ GPT API Family FAQ Use in Design Factory

drama.so — a real Hero section — drama.soHero Monetization Tools Use in Design Factory

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

assembled.com — a real Hero section — assembled.comHero Maximize BPO efficiency and performance Use in Design Factory

lindy.ai — a real Hero section — lindy.aiHero Hire Lindy as your product manager. Use in Design Factory

izipay.me — a real FAQ section — izipay.meFAQ Frequently Asked Questions Use in Design Factory

chatporch.com — a real CTA section — chatporch.comCTA Put a real answer on every page Use in Design Factory

designmd.fun — a real FAQ section — designmd.funFAQ [05] FREQUENTLY ASKED QUESTIONS Use in Design Factory

devin.ai — a real Features section — devin.aiFeatures Instant codebase context Use in Design Factory

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

lingbot.video — a real FAQ section — lingbot.videoFAQ Lingbot Video, explained in plain language Use in Design Factory

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

cleannoise.app — a real Pricing section — cleannoise.appPricing Free & single file 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.