Video-first · 1 captures · 1 stores
Size / Fit Guide patterns
Size and fit guides: the charts, fit notes, and fit-finders stores use to cut size uncertainty and returns before purchase. Every example below is a real, looping capture from a live storefront, not a mockup or a screenshot.
About the size / fit guide pattern
What it is
The size or fit guide is the sizing reference a shopper opens to choose the right variant before buying, most often a modal launched from the product page's size selector, sometimes a standalone page. It ranges from a simple measurement chart to plain-language fit notes to an interactive fit-finder that recommends a size from a couple of inputs, and its whole purpose is to close the gap between an on-screen product and how it will actually fit in person.
Why it matters for conversion
Size uncertainty is one of the largest sources of both abandoned carts and expensive returns, especially in apparel and footwear where a wrong guess means a shipment back. A clear, easy-to-reach fit guide reduces the "order two sizes to be safe" behavior that inflates return rates and quietly destroys margin, so it protects profitability as much as it lifts the completed-purchase rate, a rare pattern that pays off on both sides of the ledger.
What to look for
A good size guide is reachable in a single click from the variant picker (not buried in the footer), presents measurements in the units the shopper actually uses with an easy metric/imperial toggle, and pairs the raw chart with plain-language guidance like "runs small, size up." The best versions add a fit-finder that turns a couple of quick answers into a specific size recommendation, and surface product-specific fit feedback rather than one generic chart applied to the entire catalog.
Common variations
Footwear guides pair a length chart with width guidance and often a printable measuring aid, since fit tolerances are tight. Apparel leans on body-measurement tables plus "model is 5'10", wearing size S" reference notes to anchor scale. Higher-consideration brands invest in interactive fit-finders or aggregate real fit feedback from reviews ("true to size / runs large"), while smaller catalogs commonly get by with a single static chart shared across every product.
Brand palettes in this gallery
The exact colors these size / fit guide screens are built from, sampled from each live storefront.
Watch every size / fit guide flow, looping
The whole library is free to browse. Pro pipes these patterns straight into your AI tools over MCP.
Free to browse · Pro unlocks the MCP