Section Design Library

The bands real pages are built from

5,217 sections captured and categorized, from 1,968 funnels x-rayed.

Section

All Hero FAQ Pricing Logo Wall CTA Features Comparison Reviews Email Capture Stats

Sort

Newest Shuffle

Showing 24 of 5217 sections

avocadogreenmattress.com — a real Hero section — avocadogreenmattress.com · Hero

getatomiq.ai — a real Hero section — getatomiq.ai · Hero

grillr.io — a real Hero section — grillr.io · Hero

claudemarket.ai — a real Hero section — claudemarket.ai · Hero

galite.io — a real Hero section — galite.io · Hero

iconvectors.io — a real Hero section — iconvectors.io · Hero

drinkolipop.com — a real Hero section — drinkolipop.com · Hero

fromourplace.com — a real Hero section — fromourplace.com · Hero

tikonote.app — a real Hero section — tikonote.app · Hero

purple.com — a real Hero section — purple.com · Hero

helperx.app — a real Hero section — helperx.app · Hero

instagramapi.dev — a real Hero section — instagramapi.dev · Hero

branchbasics.com — a real Hero section — branchbasics.com · Hero

getanytranscript.com — a real Hero section — getanytranscript.com · Hero

fresh.ist — a real Hero section — fresh.ist · Hero

perfectketo.com — a real FAQ section — perfectketo.com · FAQ

wpconverters.com — a real Hero section — wpconverters.com · Hero

whisperly.io — a real Hero section — whisperly.io · Hero

wherewastaken.com — a real Hero section — wherewastaken.com · Hero

motionflare.ai — a real Hero section — motionflare.ai · Hero

posforshops.com — a real FAQ section — posforshops.com · FAQ

tshirtdesignai.com — a real Hero section — tshirtdesignai.com · Hero

kwatch.io — a real Hero section — kwatch.io · Hero

porfilr.com — a real Hero section — porfilr.com · Hero

1968 funnels x-rayed2964 pages measured10 section types

The pieces that live inside these sections — buttons, ratings, price anchors, guarantees, countdowns — cropped from real pages, are the Element Library. Composition of sections into pages: Page designs. Strategy across pages: Funnel designs.

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 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.