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.

pixly.app — a real Pricing section — pixly.appPricing Plans that scale with your properties Use in Design Factory

in.bio — a real Hero section — in.bioHero Simple pricing that grows with you Simple pricing that grows with you Use in Design Factory

photovideos.net — a real Pricing section — photovideos.netPricing Choose Your Plan Use in Design Factory

hymotion.appLogo Wall HY Motion by the Numbers Use in Design Factory

fusedash.ai — a real Hero section — fusedash.aiHero Track Revenue, CAC and ROAS in One Ecommerce Dashboard. Use in Design Factory

rewakely.comLogo Wall Why Businesses Choose Rewakely Use in Design Factory

opensourcestartups.com — a real FAQ section — opensourcestartups.comFAQ // FREQUENTLY ASKED Use in Design Factory

imgvid.net — a real Hero section — imgvid.netHero AI Video Generator Start and End Frame Use in Design Factory

kibbi.ai — a real Pricing section — kibbi.aiPricing See what you get Use in Design Factory

brokenlinkscan.com — a real Hero section — brokenlinkscan.comHero Simple, transparent pricing Use in Design Factory

betterantispam.comLogo Wall Built for owners who’ve been burned once Use in Design Factory

prolaunch.net — a real FAQ section — prolaunch.netFAQ DISCOVER Use in Design Factory

phototoexcel.info — a real FAQ section — phototoexcel.infoFAQ FAQ Use in Design Factory

butcherbox.com — a real Pricing section — butcherbox.comPricing Butcherbox vs. Others Use in Design Factory

brainrotkit.com — a real FAQ section — brainrotkit.comFAQ FREQUENTLY ASKED QUESTIONS Use in Design Factory

aiproductpageoptimization.com — a real CTA section — aiproductpageoptimization.comCTA Try it on a listing you're editing Use in Design Factory

tryfoco.com — a real Pricing section — tryfoco.comPricing Unlock full focus. Use in Design Factory

standardcompute.com — a real Pricing section — standardcompute.comPricing See how much you can save. Use in Design Factory

fitsuite.co — a real Hero section — fitsuite.coHero Client Management Made Simple Use in Design Factory

eightsleep.com — a real Hero section — eightsleep.comHero Pod 5 Use in Design Factory

imagetogif.com — a real CTA section — imagetogif.comCTA Start editing. Stay private. Use in Design Factory

archoneai.com — a real Hero section — archoneai.comHero Flexible Pricing for Design Visualization Use in Design Factory

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

warp.dev — a real Hero section — warp.devHero First-pass review on every PR before a human looks at it. 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.