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.

autoadify.com — a real CTA section — autoadify.comCTA Try it on the free plan Use in Design Factory

airoomdesigntool.com — a real Pricing section — airoomdesigntool.comPricing Compare plan features and capabilities Use in Design Factory

orbii.in — a real Hero section — orbii.inHero Real protection, not promises. Use in Design Factory

booktranslator.app — a real Comparison section — booktranslator.appComparison Compare plans Use in Design Factory

docskoala.com — a real Hero section — docskoala.comHero Simple pricing. No surprises. Use in Design Factory

bulldo.gs — a real FAQ section — bulldo.gsFAQ FAQ Use in Design Factory

techvorizonai.com — a real Features section — techvorizonai.comFeatures 100% Local Browser Processing Use in Design Factory

aiflowchart.netLogo Wall Testimonials Use in Design Factory

textto3dworld.orgLogo Wall What Users Say About Text To 3D World Use in Design Factory

habitpocket.io — a real CTA section — habitpocket.ioCTA Five habits. Thirty days. See what shows up. Use in Design Factory

bolt.new — a real CTA section — bolt.newCTA You can just build it. Use in Design Factory

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

clipstudios.ai — a real Comparison section — clipstudios.aiComparison Compare All Features Use in Design Factory

promptbuilder.ccLogo Wall Trusted by people who use AI for real work Use in Design Factory

meigen.cc — a real FAQ section — meigen.ccFAQ Answers before you choose a plan Use in Design Factory

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

wpconverters.com — a real Hero section — wpconverters.comHero Simple, honest pricing. Use in Design Factory

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

videototext.dev — a real FAQ section — videototext.devFAQ Pricing FAQ Use in Design Factory

gptrealtime2.net — a real Pricing section — gptrealtime2.netPricing GPT Realtime 2 Pricing Use in Design Factory

screenify.studioLogo Wall Not just a recorder. A studio. Use in Design Factory

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

claudedesigner.com — a real Hero section — claudedesigner.comHero Powerful Features for Modern Design Use in Design Factory

writetested.com — a real Reviews section — writetested.comReviews What happens when you use the right tool 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.