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.

heyreplay.appLogo Wall Records everything that plays on your Mac. Use in Design Factory

vidflux.ai — a real Pricing section — vidflux.aiPricing Choose Your Perfect Plan Use in Design Factory

tanstarter.dev — a real Features section — tanstarter.devFeatures What makes TanStarter different Use in Design Factory

kardow.com — a real Features section — kardow.comFeatures Ask for a change. It happens. Use in Design Factory

mangaai.me — a real Pricing section — mangaai.mePricing Choose a Manga Creation Plan Use in Design Factory

sourcetable.com — a real CTA section — sourcetable.comCTA Sourcetable Use in Design Factory

ctruh.comLogo Wall The Intelligence Layer Powering Every Experience Use in Design Factory

morphlogo.comLogo Wall Loved by brands and designers Use in Design Factory

kraflio.com — a real Stats section — kraflio.comStats Write Where You Are Use in Design Factory

teambuildingninja.com — a real Hero section — teambuildingninja.comHero “50+ CORPORATE TEAM BUILDING ACTIVITIES TO BOOST ENGAGEMENT, COLLABORATION & PERFORMANCE” Use in Design Factory

kwatch.io — a real Pricing section — kwatch.ioPricing Our Plans Use in Design Factory

mageflow.org — a real Pricing section — mageflow.orgPricing Mage Flow AI pricing Use in Design Factory

spec24.dev — a real CTA section — spec24.devCTA Ready to streamline your client workflow? Use in Design Factory

calcyourfinance.com — a real Features section — calcyourfinance.comFeatures Where these numbers come from. Use in Design Factory

rigordesk.com — a real Hero section — rigordesk.comHero Write, review, and revise in one workspace. Use in Design Factory

debate.tellodb.com — a real Pricing section — debate.tellodb.comPricing Start with a second look. Use in Design Factory

openmonth.app — a real Pricing section — openmonth.appPricing OpenMonth Use in Design Factory

launchwise.techLogo Wall Trusted by 50,000+ Students Use in Design Factory

userplay.io — a real Hero section — userplay.ioHero Run playtests from start to finish Use in Design Factory

renoir.bestLogo Wall Loved by Creatives Use in Design Factory

atracker.ioLogo Wall See how it works Use in Design Factory

imagesart.aiLogo Wall Use in Design Factory

s1.dev — a real Pricing section — s1.devPricing Choose the IP behavior your workflow needs Use in Design Factory

post-quest.com — a real Pricing section — post-quest.comPricing Simple pricing, every plan includes MCP 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.