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.

railway.com — a real testimonial grid section — railway.comtestimonial grid Trusted by the best in business Use in Design Factory

joinmassive.com — a real testimonial grid section — joinmassive.comtestimonial grid The teams building AI come in through the front door. Use in Design Factory

seedmusicai.org — a real FAQ section — seedmusicai.orgFAQ FAQ Use in Design Factory

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

feeauditor.com — a real Pricing section — feeauditor.comPricing Three scenarios — pick yours Use in Design Factory

mapleads.ai — a real CTA section — mapleads.aiCTA Start extracting leads today Use in Design Factory

clarorank.com — a real Email Capture section — clarorank.comEmail Capture Get new reviews in your inbox Use in Design Factory

ytzolo.com — a real Pricing section — ytzolo.comPricing Simple, Transparent Pricing Use in Design Factory

gpt-transcribe.org — a real Pricing section — gpt-transcribe.orgPricing GPT Transcribe Pricing Use in Design Factory

transparentlabs.com — a real FAQ section — transparentlabs.comFAQ Frequently Asked Questions Use in Design Factory

locuta.in — a real Pricing section — locuta.inPricing Start free. Keep improving. Use in Design Factory

jobcopy.ai — a real Pricing section — jobcopy.aiPricing Free to start. $15/month for Pro. Use in Design Factory

atlas.co — a real Hero section — atlas.coHero GIS in the browser Use in Design Factory

ottiebox.com — a real Pricing section — ottiebox.comPricing start free. go as deep as you want. Use in Design Factory

penguinradar.com — a real Comparison section — penguinradar.comComparison What each plan includes Use in Design Factory

speechnotes.org — a real Pricing section — speechnotes.orgPricing Pricing Use in Design Factory

airoommaker.com — a real Pricing section — airoommaker.comPricing Start Free, Upgrade When You Need More Use in Design Factory

lipsyncai.co — a real Pricing section — lipsyncai.coPricing Lip Sync AI Plans for Every Creator Use in Design Factory

minimaxh3.tv — a real FAQ section — minimaxh3.tvFAQ Pricing FAQ Use in Design Factory

ezaudio.io — a real Hero section — ezaudio.ioHero Pricing Plans Use in Design Factory

launchpoly.com — a real Hero section — launchpoly.comHero Simple pricing. Nothing renews. Use in Design Factory

ai-rap-video.me — a real Pricing section — ai-rap-video.mePricing Pricing Use in Design Factory

germarksy.online — a real Pricing section — germarksy.onlinePricing One plan. Everything included. Use in Design Factory

elev-ai.com — a real Pricing section — elev-ai.comPricing Start free. Pay when you're ready. 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.