Duolingo

Difficulty:
Company
duolingo

Effect Preview

Style Description

Language learning platform. Bright owl-green, gamified fun

Tags

DuolingoSaaS

Prompt Template

Base Template
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:.

Variant Prompts

📱 Mobile
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.
📊 Dashboard
Design a dashboard with Duolingo design language. Use Duolingo color identity with #58cc02 accents. Data-rich, organized, clear hierarchy.
📄 Landing Page
Design a landing page with Duolingo visual identity. Use Duolingo color identity with #58cc02 accents. Compelling, conversion-focused.

Usage Examples

Duolingo App

Web App
Build a web app with Duolingo design language and #58cc02 color system.

Duolingo Dashboard

Dashboard
Create a dashboard using Duolingo style with data visualization and - Background: typography.

Best For

  • SaaS
  • Brand-consistent interfaces
  • Modern web applications

Avoid For

  • Unrelated design aesthetics
  • Different brand guidelines