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.

How we counted

Newest first, 24 per page. Counts are sections browsable in the library, one card each.

videokr.com — a real Reviews section
videokr.comReviews What investors say about the platform Use in Design Factory
theshoptools.com — a real CTA section
theshoptools.comCTA Ready to streamline your business? Use in Design Factory
aiwebmaker.co — a real FAQ section
aiwebmaker.coFAQ Run the website Use in Design Factory
pixeltools.io — a real Hero section
pixeltools.ioHero Related tools Use in Design Factory
clerkwatch.com — a real FAQ section
clerkwatch.comFAQ No fine print Use in Design Factory
aso.best — a real Comparison section
aso.bestComparison Your keyword research, right inside ChatGPT and Claude. Use in Design Factory
gohalves.ai — a real Hero section
gohalves.aiHero Use in Design Factory
fellowproducts.com — a real CTA section
fellowproducts.comCTA Espresso, evolved. Use in Design Factory
minimaxh3.app — a real Logo Wall section
minimaxh3.appLogo Wall Start from the scene closest to your work Use in Design Factory
leadcanvas.app — a real FAQ section
leadcanvas.appFAQ Preguntas frecuentes sobre precios Use in Design Factory
converttool.org — a real Hero section
converttool.orgHero AVI to H264 Converter Use in Design Factory
luxoret.com — a real Hero section
luxoret.comHero SIMPLE, TRANSPARENT PRICING Use in Design Factory
grammarly.com — a real Hero section
grammarly.comHero Features Use in Design Factory
imagetexteditor.app — a real Features section
imagetexteditor.appFeatures Why Choose Our Image Text Editor Use in Design Factory
aiimgeditor.org — a real Features section
aiimgeditor.orgFeatures Why Choose AI Image Editor Use in Design Factory
copilot3d.org — a real Reviews section
copilot3d.orgReviews What Users Say About Copilot 3D Use in Design Factory
revamp.dev — a real FAQ section
revamp.devFAQ Questions we hear about these playbooks Use in Design Factory
revise.io — a real Hero section
revise.ioHero Pricing Plans Use in Design Factory
seedream5ai.app — a real Features section
seedream5ai.appFeatures Why Choose Seedream 5.0 Use in Design Factory
seedream-5.app — a real Features section
seedream-5.appFeatures Why Choose Seedream 5.0 Use in Design Factory
runwaygen5.org — a real Logo Wall section
runwaygen5.orgLogo Wall What Users Say About Runway Gen-5 Use in Design Factory
everygenai.org — a real Hero section
everygenai.orgHero Credits for images and videos Use in Design Factory
whatbrandonthinks.org — a real Features section
whatbrandonthinks.orgFeatures The short verdict Use in Design Factory
flux-3.com — a real Hero section
flux-3.comHero Simple, Transparent Pricing 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.

X-ray your own funnel · free, no signup required