Search
One index across every family, plus the documentation. Press ⌘K anywhere for the command palette.
23 results for “product”
Sections
8- Product comparisonCommerce
Three products across only the attributes that differ.
- Product detail splitCommerce
Gallery on one side, the buying decision on the other, in sequence.
- Product gridCommerce
A storefront grid with reserved image areas, price comparison and stock state.
- Product mosaic heroMarketing
Three offset panels built from live components rather than a screenshot.
- Collection bannerCommerce
Category entry points as full-height panels, with a double-width lead.
- Included and excluded checklistMarketing
What the product does and does not do, side by side.
- Setup checklistApplication
In-product onboarding whose progress is computed from the items.
- Two-audience heroMarketing
A fork in the road for products with two genuinely different buyers.
Starters
3- Product landing starterProduct
A single-product site built around one capability, with an integration surface, a resource index and an interactive preview.
- Ecommerce starterEcommerce
A storefront with ten product routes, five category routes, a working cart with quantity controls and the multi-step checkout from the form catalogue.
- SaaS starterSaaS
A twelve-route subscription product: marketing site, authentication, an in-product dashboard and account management, all from the same component set.
Navigation
7- Product launch heroHeaders
Version chip, product name, one-line promise, one action, and a three-figure fact strip.
- Product switcherNavbars
A workspace switcher in the leading position, because it changes the meaning of everything after it.
- Split hero with live panelHeaders
Copy on the left, a real component composition on the right — not a screenshot.
- Multi-level application navigationShells
Three tiers — product bar, breadcrumb bar and a nested tree — answering "where am I" twice.
- SaaS footerFooters
Product and resource columns, a legal row, and a live system-status link.
- SaaS navbarNavbars
Product dropdown, flat secondary links, and a separated sign-in / sign-up pair.
- Split navbarNavbars
Two link groups flanking a centred brand, for products with a real product/resources divide.
Patterns
3- Product launch pageLanding
A single moment, with what shipped before what is next and an interactive preview in the middle.
- Ecommerce landing pageCommerce
Product first, with everything above the grid existing only to reach it faster.
- SaaS landing pageLanding
Eleven blocks in the order a subscription product needs: claim, proof, mechanism, evidence, price, objections, action.