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.

image3.appLogo Wall Loved by creators Use in Design Factory

phototoa4.com — a real Features section — phototoa4.comFeatures What is PhotoToA4? Use in Design Factory

lynxify.me — a real Hero section — lynxify.meHero 360-degree feedback, built for small teams Use in Design Factory

circlecropimage.dev — a real Hero section — circlecropimage.devHero Create the Perfect Instagram Profile Picture Use in Design Factory

chartscout.io — a real Hero section — chartscout.ioHero Pay for the detections your product receives. Use in Design Factory

facesage.app — a real FAQ section — facesage.appFAQ Pricing, answered plainly Use in Design Factory

threadotter.com — a real Hero section — threadotter.comHero One teammate. Priced by its reach. Use in Design Factory

myroomdesign.ai — a real FAQ section — myroomdesign.aiFAQ MyRoom Design pricing questions Use in Design Factory

fissiblephone.com — a real Comparison section — fissiblephone.comComparison Compare plans Use in Design Factory

gomia.ai — a real Stats section — gomia.aiStats Built with our first teams. Use in Design Factory

hellotushy.com — a real Hero section — hellotushy.comHero TUSHY Classic 4.0 Use in Design Factory

askonaxo.com — a real Features section — askonaxo.comFeatures You've already built the audience. Now build the income. Use in Design Factory

indostra.com — a real CTA section — indostra.comCTA Streamline your operations today Use in Design Factory

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

holosign.co — a real Hero section — holosign.coHero Holosign vs Docusign Use in Design Factory

updf.com — a real Pricing section — updf.comPricing Choose the UPDF plan that works for you. Use in Design Factory

usevelo.ai — a real FAQ section — usevelo.aiFAQ FAQs Use in Design Factory

drinkolipop.com — a real Reviews section — drinkolipop.comReviews 9g fiber Use in Design Factory

tweetboost.ai — a real Pricing section — tweetboost.aiPricing Lite Use in Design Factory

syncdate.app — a real Hero section — syncdate.appHero Calendar sync settings you can try before you connect anything Use in Design Factory

getstaffscheduling.ca — a real FAQ section — getstaffscheduling.caFAQ Pricing questions, answered Use in Design Factory

paecto.com — a real Comparison section — paecto.comComparison Why Paecto over your current setup? Use in Design Factory

geysera.com — a real Pricing section — geysera.comPricing Plans that grow with your traffic Use in Design Factory

groniz.com — a real CTA section — groniz.comCTA Ready to get started? 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.