Bento Box

Blocs modulaires arrondis de tailles variées alignés sur une grille avec ombres légères.

La grille « bento » emprunte son nom à la boîte-repas japonaise compartimentée, où chaque aliment occupe une case distincte et harmonieuse. En design d’interface, elle prolonge directement l’héritage des grilles suisses théorisées par Josef Müller-Brockmann dans les années 1950-1960, avant d’être remise au goût du jour par les pages produit d’Apple au début des années 2020, puis largement adoptée par les sites SaaS et les portfolios à partir de 2023 comme alternative visuelle aux longues listes de fonctionnalités.

Le style se reconnaît à ses blocs modulaires aux coins arrondis, de tailles variées mais alignés sur une même grille, à ses ombres portées discrètes qui détachent chaque carte du fond, à ses icônes accompagnées d’un court libellé, et à des micro-animations au survol qui signalent l’interactivité de chaque case.

Le bento box convient particulièrement aux pages de fonctionnalités produit, aux tableaux de bord et aux portfolios qui doivent présenter plusieurs informations de poids inégal sans que la page paraisse déséquilibrée — son principal atout est de rendre une information dense immédiatement lisible d’un coup d’œil.