Bento Grid UI

Bento Grid UI is the layout language Apple surfaced on the iPhone 14 product page in 2022: asymmetric rounded tiles of varied sizes sharing one tight grid, with a few large cells carrying the headline and smaller cells holding features.

This is the dark variant Apple alternates with white — a near-black ink canvas, flat tiles differentiated by subtle surface lightness, crisp negative-tracked SF Pro headlines, and a single Action Blue carrying all interaction.

Bento Grid UI（便当格栅）是苹果在 2022 年 iPhone 14 产品页上推广的版式语言：大小不一的圆角方块共享同一套紧凑栅格，少数大格承载标题，小格容纳功能点，整体呈非对称的模块化布局，正如日式便当盒分隔的格子。

这是苹果与浅色画布交替使用的深色变体——近黑墨色底，方块以微妙的明度差异（而非边框或阴影）彼此区分，SF Pro 标题采用紧凑的负字距，单一的 Action Blue 蓝承载所有交互。克制、精确、留白充裕，是高端科技产品的营销页基调。