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.

tailscale.com — a real CTA section — tailscale.comCTA Try Tailscale for free Use in Design Factory

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

figma.com — a real Hero section — figma.comHero Let Figma bring your next big idea to life Use in Design Factory

blueland.com — a real CTA section — blueland.comCTA A Clean the Whole Planet Can Feel Use in Design Factory

aestheticflow.cloudLogo Wall Extend Your Plan Use in Design Factory

ito.ai — a real Hero section — ito.aiHero Full Coverage on Every PR Use in Design Factory

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

loomal.ai — a real Pricing section — loomal.aiPricing Free Use in Design Factory

runassay.app — a real Pricing section — runassay.appPricing Trace Use in Design Factory

chineseface.app — a real Comparison section — chineseface.appComparison Compare what is included Use in Design Factory

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

birthdaywebsite.app — a real FAQ section — birthdaywebsite.appFAQ Questions before you gift Use in Design Factory

analyse.net — a real FAQ section — analyse.netFAQ Questions worth asking first. Use in Design Factory

pinci.ai — a real Hero section — pinci.aiHero Use in Design Factory

ichingonline.pro — a real FAQ section — ichingonline.proFAQ Questions about I Ching Online and the I Ching Use in Design Factory

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

brainator.comLogo Wall Trusted by 3,000+ Teachers & Parents Use in Design Factory

aisocialfinder.com — a real Hero section — aisocialfinder.comHero Face search pricing — $5 per search, free preview Use in Design Factory

postqued.com — a real Hero section — postqued.comHero Start with one brand.Grow into more. Use in Design Factory

athleticbrewing.com — a real Hero section — athleticbrewing.comHero SUBSCRIBE & SAVE Use in Design Factory

bazicalculator.pro — a real Pricing section — bazicalculator.proPricing Guest Use in Design Factory

speechify.ai — a real CTA section — speechify.aiCTA Make something worth listening to. Use in Design Factory

coldops.io — a real Hero section — coldops.ioHero One plan. Priced by mailboxes watched. Use in Design Factory

chatzy.ai — a real Hero section — chatzy.aiHero AI Solutions for Every Use Case. 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.