Medium / fold ouvert rail + deux volets, rien sur la charnière
Posture table lire en haut, agir en bas
Expanded / Large rail + contenu jusqu'à 1340 px
Widgets
Extra-large (≥ 1500 px) volet de widgets à droite, comme vps-admin
Bento pleine largeur vue d'ensemble : tuiles de tailles différentes
Barre en bas sous 600 px (760 px si plus de 4 destinations, comme vps-admin), rail à gauche au-delà. Pas d'espace mort : une vue d'ensemble passe en bento pleine largeur, un contenu qui se lit reste borné (1340 px) avec un volet utile à côté au-delà de 1500 px.
UX / UIRègles illustrées
check_circleÀ faire
Contenu qui se lit : borné, avec un volet utile (widgets, détail, aperçu) qui ne répète pas le contenu.
check_circleÀ faire
Vue d'ensemble : bento pleine largeur, la mesure principale plus grande, aucun trou.
cancelÀ éviter
Deux cartes étirées sur 2560 px avec un grand vide entre elles.
check_circleÀ faire
Compact barre en bas
Téléphone : barre en bas, à portée de pouce.
cancelÀ éviter
Un rail sur un téléphone en portrait : il mange un quart de l'écran.
cancelÀ éviter
Dialogue sur la charnière
Un dialogue ou un bouton coupé par la charnière d'un fold.
Le layout est le même dans les trois styles : Plaza et Chrome changent la matière, pas la structure.