Bento 以「便当盒」为隐喻组织界面：模块化网格把内容切成大小不一的卡片块，块与块之间保持统一间距与圆角，信息在紧凑的格子里各得其所；灰蓝（#80A1C1）作冷静主色，层级靠尺寸与留白而非装饰区分。适合产品功能总览、仪表盘与个人主页等需要「一眼扫完」的布局场景。
现代极简创意艺术
提示词模板
基础模板
Design a Bento-inspired interface. Colors: #80A1C1, #16A34A, #D97706, #DC2626 with #80A1C1 accent. Typography: #FAD4C0.
变体提示词
📱 移动端
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.
📊 仪表板
Design a dashboard with Bento design language. Use Bento color identity with #80A1C1 accents. Data-rich, organized, clear hierarchy.
📄 落地页
Design a landing page with Bento visual identity. Use Bento color identity with #80A1C1 accents. Compelling, conversion-focused.
使用示例
Bento 应用
Web 端Build a web app with Bento design language and #80A1C1 color system.
Bento 仪表板
仪表板Create a dashboard using Bento style with data visualization and #FAD4C0 typography.
✅ 适合场景
- 布局演示
- 产品功能总览页
- 个人主页与作品集
❌ 不适合场景
- 长文阅读页面
- 沉浸式视频播放页
DESIGN.md 文件
符合 design.md 开放格式的设计系统描述，可复制或下载后交给 AI 编程工具使用。