Search
One index across every family, plus the documentation. Press ⌘K anywhere for the command palette.
22 results for “grid”
Components
2Sections
13- Article card gridContent
Three columns of equal cards with reserved media areas.
- Bento feature gridMarketing
Cells of unequal size where the size encodes importance.
- Bordered logo gridMarketing
A hairline grid of equal cells with a sector label under each name.
- Case study gridContent
Whole-card links with the headline metric inside each card.
- Feature icon gridMarketing
Three columns of icon, title and paragraph — the workhorse feature section.
- Integration gridSaaS
Twelve integrations as bordered cells with category and description.
- Product gridCommerce
A storefront grid with reserved image areas, price comparison and stock state.
- Team gridContent
Portrait cards with deterministic initials in place of photography.
- Three-column testimonialsMarketing
Equal cards with attribution structurally attached to each quote.
- Before and after figuresMarketing
The same four measures twice, with the change carried by arrow, sign and colour.
- Inverted CTA panelMarketing
A dark rounded panel inside a light page.
- Inverted pattern heroMarketing
A dark hero with a drawn grid and a radial mask instead of a gradient.
- Product mosaic heroMarketing
Three offset panels built from live components rather than a screenshot.
Navigation
2Patterns
3- Agency landing pageBusiness
Work first, then process, then people — with the contact block folded into the footer.
- 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.