Glossaire

Bento grid

Un bento grid est une mise en page en grille asymétrique composée de blocs de tailles différentes, inspirée des boîtes-repas japonaises bento, popularisée par Apple pour présenter plusieurs features sur un même écran.

Définition

Qu'est-ce que bento grid ?

Le bento grid casse la monotonie des grilles uniformes en alternant des cellules grandes et petites, hautes et larges, pour créer du rythme visuel. Chaque cellule porte une idée — une feature, un bénéfice, une preuve — avec son propre visuel et son micro-copy.

Apple a popularisé le pattern lors des keynotes 2022-2024 pour présenter macOS, iOS et l’iPhone 15. Depuis, le bento est devenu omniprésent dans les landings SaaS : Linear, Vercel, Raycast, Arc Browser l’utilisent tous. C’est devenu un cliché — et donc un signal d’AI slop si appliqué sans intention.

Un bento grid réussi respecte trois règles : un rythme intentionnel (pas juste un patchwork aléatoire), des cellules qui racontent une seule idée chacune (pas trois bullets entassés), et un visuel ou pictogramme par cellule (sinon c’est un tableau, pas un bento). Sans ces règles, le bento devient décoratif et illisible.

Exemple

La landing de Raycast utilise un bento grid 4 colonnes : une grande cellule pour "AI Commands" avec une démo animée, deux cellules moyennes pour "Quicklinks" et "Snippets", et plusieurs petites cellules pour les intégrations — un rythme premium sans surcharge.

Quand on utilise ce terme

On parle de bento grid en webdesign, en landing page SaaS, en présentation produit et dans tout brief design 2024-2026.

Lancez un projet

Mettre ce concept en pratique avec Eufya

Eufya applique ces principes automatiquement dans son pipeline 5-agents. Brief, scoring, génération, audit qualité. 3 crédits gratuits à l'inscription.