Bento Grid:品牌站的模組化敘事
像日式便當格一樣切內容——清楚、可掃、適合短注意力。

Bento grid 從 App 介面走進品牌官網與簡報:大小不一的卡片承載功能、故事與證據。
重點是資訊層級:一格只做一件事。影像格、數據格、引言格分開,避免混成雜誌拼貼。
行動裝置上改成單欄堆疊時,仍要維持「格」的節奏——用一致圓角與間距延續辨識。
適合產品矩陣、服務總覽與 Campaign 成果頁;不適合長篇論述。
Bento Grids: Modular Storytelling for Brand Sites
Bento grids moved from apps into brand sites and decks: uneven cards carry features, stories, and proof.
One job per cell. Keep media, metrics, and quotes separated — don’t melt into collage chaos.
On mobile, stack to one column but keep the ‘cell’ rhythm with consistent radius and gaps.
Great for product matrices, service overviews, and campaign results — not long essays.