Duolingo 是用游戏化方式学习语言的平台。其风格大胆明亮：猫头鹰绿（#58cc02）覆盖 30% 以上的表面积，每个按钮底部都有 4px 实心阴影形成「可按压」的触感，描边固定 2-3px 而非发丝线，Feather Bold 圆润展示字配 Mona Sans 正文，展示字从 48px 起跳。适合教育、游戏化与趣味产品。
效率与 SaaS大胆表现
提示词模板
基础模板
Design a Duolingo-inspired interface. - Owl green (#58cc02) as the dominant brand color, used in 30%+ of the surface; - Chunky 4px bottom-shadow on every button (the "tactile press" affordance); - 2–3px solid borders, never hairlines; - Feather Bold (rounded display) + Mona Sans (body); - Big confident type — display sizes start at 48px and climb. Colors: #58cc02, #58a700, #89e219, #dbf8c5 with #58cc02 accent. Typography: - Background:.
变体提示词
📱 移动端
Design a mobile app with Duolingo aesthetics. Use Duolingo color identity with #58cc02 accents. Clean, touch-friendly, native feel.
💻 Web端
Design a web application with Duolingo style. Use Duolingo color identity with #58cc02 accents. Professional, responsive layout.
📊 仪表板
Design a dashboard with Duolingo design language. Use Duolingo color identity with #58cc02 accents. Data-rich, organized, clear hierarchy.
📄 落地页
Design a landing page with Duolingo visual identity. Use Duolingo color identity with #58cc02 accents. Compelling, conversion-focused.
使用示例
Duolingo 应用
Web 端Build a web app with Duolingo design language and #58cc02 color system.
Duolingo 仪表板
仪表板Create a dashboard using Duolingo style with data visualization and - Background: typography.
✅ 适合场景
- SaaS 产品
- 游戏化学习类产品
- 需要亲和力的消费级 App
❌ 不适合场景
- 严谨的金融交易系统
- 极简主义艺术站点
DESIGN.md 文件
符合 design.md 开放格式的设计系统描述，可复制或下载后交给 AI 编程工具使用。