返回风格库
Bento Grid UI — Cover

关于 Bento Grid UI

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

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

深入了解 Bento Grid UI 风格

来源
全球 / 互联网(苹果产品营销)
年代
2022 onward (iPhone 14 product page popularized the modern bento grid); 2010s–now
代表人物
Apple Marketing · Apple Human Interface Design
所属运动
Bento layouts · Modular grid marketing pages · Apple keynote design

Bento Grid UI 的设计规格

色板

底色
面
主色
辅色
强调
文字

字体

SF Pro Display标题 / 衬线
SF Pro Text正文
SF Mono等宽
花 1 积分解锁

按钮、卡片、间距、动效、技法等其余 11 项,解锁后全部展开。可下载 DESIGN.md,也能一键转发给你的 AI。一次解锁,永久有效。

立即注册
已有账号? 登录

和 Bento Grid UI 相似的风格

同样来自品牌与产品,气质相近。

Bento Grid UI1 积分 · 永久解锁
立即注册
© 2026 Curio