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.

vocallab.ai — a real FAQ section — vocallab.aiFAQ Frequently Asked Questions Use in Design Factory

akmon.app — a real FAQ section — akmon.appFAQ FAQs Use in Design Factory

botconsole.net — a real Hero section — botconsole.netHero Find clients in Telegram groups — as soon as they start looking. Use in Design Factory

altimateguide.com — a real Hero section — altimateguide.comHero Software Comparison Tool Use in Design Factory

rename.clickLogo Wall Local AI or your own provider Use in Design Factory

ispbox.net — a real FAQ section — ispbox.netFAQ Frequently asked questions Use in Design Factory

krea-2.pro — a real Hero section — krea-2.proHero KREA 2 AI PRICING & CREDIT PLANS Use in Design Factory

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

uptimeeye.com — a real Features section — uptimeeye.comFeatures From cURL to ‘sleep at night’ in 3 steps. Use in Design Factory

igly.ai — a real Pricing section — igly.aiPricing Starter Use in Design Factory

resage.app — a real Pricing section — resage.appPricing Free Use in Design Factory

menuforma.com — a real CTA section — menuforma.comCTA Still have questions? Use in Design Factory

cpages.ai — a real Hero section — cpages.aiHero From a favorite idea to a whole coloring book. Use in Design Factory

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

roadtooffer.com — a real Hero section — roadtooffer.comHero Prep for your $150K+ consulting career. Use in Design Factory

stashr.me — a real FAQ section — stashr.meFAQ Frequently asked questions Use in Design Factory

agentkey.app — a real Stats section — agentkey.appStats Connect Agents to the World Use in Design Factory

quitlo.com — a real FAQ section — quitlo.comFAQ Before you ask. Use in Design Factory

vyntro.cloud — a real FAQ section — vyntro.cloudFAQ Features FAQ Use in Design Factory

pipelab.org — a real Hero section — pipelab.orgHero AI Agent Security Tools and Firewalls Compared Use in Design Factory

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

chat-view.com — a real FAQ section — chat-view.comFAQ Frequently asked questions Use in Design Factory

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

electe.net — a real FAQ section — electe.netFAQ Before you start 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.