Bento

Difficulty:
Visual Style
B

Effect Preview

Style Description

Modular grid layout, card-based blocks, clear hierarchy

Tags

BentoLayout

Prompt Template

Base Template
Design a Bento-inspired interface.  Colors: #80A1C1, #16A34A, #D97706, #DC2626 with #80A1C1 accent. Typography: #FAD4C0.

Variant Prompts

📱 Mobile
Design a mobile app with Bento aesthetics. Use Bento color identity with #80A1C1 accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with Bento style. Use Bento color identity with #80A1C1 accents. Professional, responsive layout.
📊 Dashboard
Design a dashboard with Bento design language. Use Bento color identity with #80A1C1 accents. Data-rich, organized, clear hierarchy.
📄 Landing Page
Design a landing page with Bento visual identity. Use Bento color identity with #80A1C1 accents. Compelling, conversion-focused.

Usage Examples

Bento App

Web App
Build a web app with Bento design language and #80A1C1 color system.

Bento Dashboard

Dashboard
Create a dashboard using Bento style with data visualization and #FAD4C0 typography.

✅ Best For

  • Layout
  • Brand-consistent interfaces
  • Modern web applications

✅ Avoid For

  • Unrelated design aesthetics
  • Different brand guidelines