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.

interviewscreener.com — a real Hero section — interviewscreener.comHero Pricing Use in Design Factory

tysonfoods.com — a real Hero section — tysonfoods.comHero Helping People Eat Well Use in Design Factory

zynfo.aiLogo Wall Explore More ZynfoAI Features Use in Design Factory

blastra.io — a real Pricing section — blastra.ioPricing Accurate listings where it matters Use in Design Factory

layerview.dev — a real CTA section — layerview.devCTA Ready to get started? Use in Design Factory

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

keywordsdb.com — a real CTA section — keywordsdb.comCTA Start finding keywords in seconds Use in Design Factory

sweatdecks.com — a real FAQ section — sweatdecks.comFAQ Is the CL5G right for your space? Use in Design Factory

mini-max-h3.com — a real Features section — mini-max-h3.comFeatures Use in Design Factory

teamslide.com — a real FAQ section — teamslide.comFAQ FAQ Use in Design Factory

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

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

bugshield.co.uk — a real Hero section — bugshield.co.ukHero WordPress support pricing, made simple. Use in Design Factory

timedsubs.comLogo Wall Translate subtitle files into 100+ languages without breaking timing. Use in Design Factory

greenonion.ai — a real FAQ section — greenonion.aiFAQ Plans, credits, and billing Use in Design Factory

webdesignawards.io — a real Pricing section — webdesignawards.ioPricing Premium entry Use in Design Factory

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

symbioticpharma.is — a real Hero section — symbioticpharma.isHero Research peptides & compounds in Canada. Use in Design Factory

imaginode.ai — a real Features section — imaginode.aiFeatures THE ONLY AI CANVAS BUILT FOR YOUR POCKET Use in Design Factory

imagetosketch.org — a real FAQ section — imagetosketch.orgFAQ PRICING FAQS Use in Design Factory

vivideo.ai — a real FAQ section — vivideo.aiFAQ AI video use cases — FAQ Use in Design Factory

giffaceswap.org — a real Pricing section — giffaceswap.orgPricing More face swap workflows, one balance. Use in Design Factory

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

recitemail.io — a real Features section — recitemail.ioFeatures ReciteMail vs Fyxer 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.