Duolingo — Hero
Top nav with the green Duolingo wordmark and language selector sits above a centered hero: a cluster of colorful 3D characters on the left, the headline 'The free, fun, and effective way to learn a language!', a green 'GET STARTED' pill, and a blue outlined 'I ALREADY HAVE AN ACCOUNT' button.
This is a static, crawlable rendering for search & AI engines. The interactive version — filters, live decode console, copy & export — is at https://mozaika.design/inspiration/duolingo-centered-hero-with-3d-mascot-cluster-and-dual-ctas.
Palette
#FFFFFF#58CC02#1CB0F6#3C3C3C
Fonts
Duolingo Sans
Page types
Detail
UI elements
Navigation Bar
Context
- Parent page: Duolingo consumer landing page with mascot-driven hero and alternating illustrated feature rows
- All of Duolingo
Other sections on this page
- Banner — Flag-row language picker strip
- Feature — 'free. fun. effective.' with phone screenshot
- Feature — 'backed by science' illustrated row
- Feature — 'stay motivated' illustrated row
- Feature — 'personalized learning' illustrated row
- Gallery / Showcase — 'learn anytime, anywhere' floating device scene
- Banner — 'SUPER DUOLINGO' dark promo band
- Feature — 'duolingo english test' row
- Feature — 'duolingo for schools' and 'duolingo abc' product rows
- CTA / Sign-up — Green grass closing CTA with coin-jar mascot
- Footer — Dense multi-column green footer