Duolingo 是用遊戲化方式學習語言的平台。其風格大膽明亮：貓頭鷹綠（#58cc02）覆蓋 30% 以上的表面積，每個按鈕底部都有 4px 實心陰影形成「可按壓」的觸感，描邊固定 2-3px 而非髮絲線，Feather Bold 圓潤展示字配 Mona Sans 內文，展示字從 48px 起跳。適合教育、遊戲化與趣味產品。
Duolingo效率與 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 程式設計工具使用。