design-skills · Bento

What it is

A guideline skill for bento box layouts that present content as grid blocks of varying sizes. Inter throughout, a compact 12 to 32 type scale, peach and blue accents on cream.

Modular grid layout with card-like blocks, clear hierarchy, soft spacing, and subtle visual contrast for organized, scannable interfaces.

Why it matters for design

• Varying block sizes carry hierarchy, so the grid itself does the ranking.
• A compact 12 to 32 type scale fits dense text inside small tiles.
• The cream #FFF5E6 surface keeps block edges readable without heavy borders.

What it covers

• Brand
• Style foundations
• Rules: do
• Component rule expectations
• Required output structure
• Quality gates