Design AtlasUsually the section right after the hero (or after social proof), listing a product's core features — typically three to six — as equal-sized cards. Each card pairs an icon (or small illustration), a short title, and one or two sentences of description.
Unlike `bento-grid`, where cell size varies to create hierarchy, a feature grid keeps every cell the same size — the message is "these features are peers." Column count usually steps down responsively: three on desktop, two on tablet, one on mobile.
Listing more than about eight features makes visitors skim past without reading. Pick the three to six that actually matter and push the rest to a docs page or feature detail page. Mixing icon styles (line icons next to 3D icons, say) reads as rushed and inconsistent.
When to use
Best when features carry roughly equal weight. To spotlight one feature over the others, a size-varying layout like `bento-features` communicates that better.