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

Award

How we counted

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

figwise.app — a real Hero section — figwise.appHero Buy credits Use in Design Factory

flozari.com — a real Hero section — flozari.comHero That Comment Could Be Your Next Customer. Use in Design Factory

callirra.com — a real Pricing section — callirra.comPricing One workflow. Every model. One bill. Use in Design Factory

railway.app — a real Features section — railway.appFeatures Deploy anything without the complexity Use in Design Factory

getsocialclaw.comLogo Wall Use cases Use in Design Factory

getvivix.com — a real Hero section — getvivix.comHero Compare getvivix Use in Design Factory

video2url.com — a real Comparison section — video2url.comComparison How does Video2URL compare? Use in Design Factory

dobrodesk.com — a real Hero section — dobrodesk.comHero Everything your team needs to answer well. Use in Design Factory

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

antwork.io — a real Pricing section — antwork.ioPricing Two accounts free. Then $5 a month each. Use in Design Factory

aiimagetovideos.com — a real FAQ section — aiimagetovideos.comFAQ FAQs About ImageVids AI Pricing Use in Design Factory

craqly.com — a real Hero section — craqly.comHero One desktop app. Every scenario. Use in Design Factory

verizon.com — a real Hero section — verizon.comHero Accessories Use in Design Factory

kraftheinz.com — a real CTA section — kraftheinz.comCTA Your Kraft Heinz Favorites, All in One Use in Design Factory

lovino.ai — a real Pricing section — lovino.aiPricing Business plans Use in Design Factory

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

weely.ai — a real Hero section — weely.aiHero MAKE YOUR LINKS SHORT, CLEAN & SHAREABLE Use in Design Factory

tshirtdesignai.com — a real Pricing section — tshirtdesignai.comPricing AI T-Shirt Design Generator Pricing. Start Free. Use in Design Factory

cleardemand.io — a real Features section — cleardemand.ioFeatures Why triple verification matters Use in Design Factory

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

shiplog.ca — a real Hero section — shiplog.caHero ShipLog vs Canny, Sleekplan and Upvoty Use in Design Factory

rankcrown.comLogo Wall Help shape the next version of Rank Crown Use in Design Factory

svgto3d.comLogo Wall Turn SVG into 3D Object for Any Project Use in Design Factory

alsona.com — a real Features section — alsona.comFeatures For Founders 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.