Galería

Bento Grid UI

ProMax

Bento Grid UI es el lenguaje de maquetación que Apple mostró en la página de producto del iPhone 14 en 2022: mosaicos asimétricos de esquinas redondeadas y tamaños variados que comparten una retícula compacta, con unas pocas celdas grandes que llevan el titular y celdas más pequeñas que contienen las características.

Esta es la variante oscura que Apple alterna con la blanca: un lienzo casi negro como tinta, mosaicos planos diferenciados por sutiles variaciones de luminosidad, titulares SF Pro nítidos con tracking negativo, y un único Action Blue que lleva toda la interacción.

Más sobre el estilo Bento Grid UI (English)

  • OriginGlobal / internet (Apple product marketing)
  • Period2022 onward (iPhone 14 product page popularized the modern bento grid); 2010s–now
  • DesignerApple Marketing · Apple Human Interface Design
  • MovementsBento layouts · Modular grid marketing pages · Apple keynote design

Web examples

3

Slide examples

3