domains / families / design / bento

bento

separate

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

When to use

• modular grid layout
• card-like blocks
• design system guidance
• component anatomy
• accessibility requirements
• design tokens
• QA checklist

When not to use

• low contrast text
• inconsistent spacing rhythm
• ambiguous labels

Skill page

Source