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.

ritual.com — a real Hero section — ritual.comHero Synbiotic+ Use in Design Factory

4tospeak.com — a real Hero section — 4tospeak.comHero 4ToSpeak vs flashcard apps Use in Design Factory

mintlify.com — a real Hero section — mintlify.comHero Pricing on your terms Use in Design Factory

punchylime.com — a real Comparison section — punchylime.comComparison Punchylime vs. HeyGen: Where Each One Wins Use in Design Factory

clipy.online — a real Features section — clipy.onlineFeatures Show it once. Give your agent the context. Use in Design Factory

divinerone.com — a real Hero section — divinerone.comHero Make it easy for customers to leave reviews Use in Design Factory

promptreviews.appLogo Wall Loved by local businesses Use in Design Factory

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

insightagent.app — a real FAQ section — insightagent.appFAQ Frequently Asked Questions Use in Design Factory

antinoise.app — a real Pricing section — antinoise.appPricing free to start. pro to go all in. Use in Design Factory

trunktransfer.com — a real Hero section — trunktransfer.comHero Your domain. TrunkTransfer is invisible. Use in Design Factory

artaivo.org — a real Pricing section — artaivo.orgPricing AI Generator Pricing & Credit Packs | Artaivo Use in Design Factory

remove-text.com — a real Hero section — remove-text.comHero One credit, one image. No subscription. Use in Design Factory

scheduley.com — a real FAQ section — scheduley.comFAQ A few helpful answers. Use in Design Factory

aiwith.me — a real Pricing section — aiwith.mePricing Use in Design Factory

cursor.com — a real CTA section — cursor.comCTA Cursor is an applied research team focused on building the future of software development. Use in Design Factory

trylucen.io — a real Pricing section — trylucen.ioPricing Use in Design Factory

chatgptgrow.com — a real Hero section — chatgptgrow.comHero How ChatGPT Grow compares Use in Design Factory

opentag.build — a real CTA section — opentag.buildCTA Just tag it. Use in Design Factory

tyllus.com — a real Hero section — tyllus.comHero How Tyllus compares with project44, Terminal49, Flexport and CARVO Use in Design Factory

pureservices.store — a real Pricing section — pureservices.storePricing One flat price per list size Use in Design Factory

aiblog.tools — a real Pricing section — aiblog.toolsPricing AI Angels Use in Design Factory

throttle-pro.com — a real Pricing section — throttle-pro.comPricing Start free. Pay for what you use. Use in Design Factory

scenestudio.io — a real FAQ section — scenestudio.ioFAQ Creator 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.