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

Shuffle

How we counted

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

imagine2.net — a real Features section — imagine2.netFeatures Realism and skin Use in Design Factory

figviz.com — a real Hero section — figviz.comHero Credits, not contracts. Use in Design Factory

autobacklinks.ai — a real FAQ section — autobacklinks.aiFAQ Straight answers before you start. Use in Design Factory

logoteddy.com — a real Pricing section — logoteddy.comPricing Simple, Transparent Pay-As-You-Go Credits Use in Design Factory

deepseek-v4.io — a real Hero section — deepseek-v4.ioHero DeepSeek API Pricing & App Token Packs Use in Design Factory

oc-maker.orgLogo Wall Powerful OC Maker Features Use in Design Factory

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

notion.com — a real Hero section — notion.comHero Where teams and agents Ship together. Use in Design Factory

vercel.com — a real Features section — vercel.comFeatures Turn your .com .org .net .com into your digital front door. Use in Design Factory

tripo3d.aiLogo Wall Trusted by 20M+ Creators Worldwide. Created 200M 3D Models with AI. Use in Design Factory

rankd.devLogo Wall Agent-optimized ASO Use in Design Factory

linkedgrow.ai — a real Hero section — linkedgrow.aiHero LinkedIn Outreach Tools Compared: Pricing, Limits and Alternatives Use in Design Factory

image3.app — a real Pricing section — image3.appPricing Image3 Pricing & Credit Packs Use in Design Factory

centari.com — a real Hero section — centari.comHero The AI platform for deal intelligence Use in Design Factory

chatgptresume.com — a real Pricing section — chatgptresume.comPricing Upgrade Your Career Profile withAI Assisted Resumes Use in Design Factory

phototoa4.com — a real Pricing section — phototoa4.comPricing Simple plans for everyday prints Use in Design Factory

dictami.com — a real Pricing section — dictami.comPricing Try it for a week. Then pick how you pay. Use in Design Factory

lynxify.me — a real Features section — lynxify.meFeatures Flexible questionnaire configuration Use in Design Factory

peplio.comLogo Wall AEO Content Checker Use in Design Factory

minimax3.com — a real Comparison section — minimax3.comComparison MiniMax H3 vs Hailuo 2.3, Sora 2 & Veo Use in Design Factory

kepo.ai — a real Pricing section — kepo.aiPricing Simple, Transparent Pricing Use in Design Factory

circlecropimage.dev — a real Features section — circlecropimage.devFeatures Crop for a platform Use in Design Factory

seopotion.co — a real Comparison section — seopotion.coComparison Compare plans Use in Design Factory

chartscout.io — a real Features section — chartscout.ioFeatures READY TO START MONITORING? 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.