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.

rename.click — a real Pricing section — rename.clickPricing Pricing Use in Design Factory

ispbox.net — a real Hero section — ispbox.netHero Network Maps That Keep Your ISP Topology Clear Use in Design Factory

tinylaunchpad.com — a real Reviews section — tinylaunchpad.comReviews Latest Reviews Use in Design Factory

krea-2.pro — a real Pricing section — krea-2.proPricing KREA 2 WORKSPACE PRICING FOR ANNUAL, MONTHLY, AND ONE-TIME CREDIT PACKAGES Use in Design Factory

lablaps.comLogo Wall Trusted by 50,000+ Labrats Use in Design Factory

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

uptimeeye.comLogo Wall Built for developers. Trusted by teams. Use in Design Factory

igly.ai — a real FAQ section — igly.aiFAQ Questions, answered. Use in Design Factory

resage.app — a real Comparison section — resage.appComparison Built for reading, not for one-off answers. Use in Design Factory

menuforma.com — a real Hero section — menuforma.comHero Simple, Transparent Plans Use in Design Factory

redbark.co — a real FAQ section — redbark.coFAQ Frequently Asked Questions Use in Design Factory

cpages.ai — a real Comparison section — cpages.aiComparison See Color Take Shape Use in Design Factory

sonars.dev — a real Hero section — sonars.devHero Solutions Use in Design Factory

nflowapp.com — a real Hero section — nflowapp.comHero Turn repeatable work into ready-to-run Microsoft 365 workspaces. Use in Design Factory

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

roadtooffer.com — a real Pricing section — roadtooffer.comPricing Prep for your $150K+ consulting career. Use in Design Factory

stashr.me — a real Hero section — stashr.meHero Simple pricing. No surprises. Use in Design Factory

agentkey.app — a real Comparison section — agentkey.appComparison What Product Manager Can Do with Agentkey Use in Design Factory

quitlo.com — a real Hero section — quitlo.comHero Simple pricing. Real recovery. Use in Design Factory

vyntro.cloud — a real Features section — vyntro.cloudFeatures Use in Design Factory

pipelab.org — a real Features section — pipelab.orgFeatures Detect. Enforce. Prove. Use in Design Factory

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

compliascan.comLogo Wall Built on Industry-Trusted Foundations Use in Design Factory

chat-view.com — a real Hero section — chat-view.comHero Simple pricing for your AI conversation archive. 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.