Duolingo: Duolingo consumer landing page with mascot-driven hero and alternating illustrated feature rows

Consumer · Landing Page

Centered hero pairs a clustered cast of chunky 3D Duolingo characters with the "free, fun, and effective way to learn a language!" headline and a green pill "GET STARTED" CTA above a blue outlined sign-in button. The signature device is the alternating left/right rhythm of oversized 3D character vignettes against pure white, each titled in Duolingo's heavy rounded display type in alternating green/navy, punctuated by a deep-indigo "SUPER DUOLINGO" band and a flag-row language picker. A vivid grass-green bottom CTA panel with a jar-and-coins illustration leads into a dense multi-column green footer.

Open in Mozaika →

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-duolingo-consumer-landing-page-with-mascot-driven-hero-and-alternating-illustrated-feature-rows.

Palette

Fonts

Page types

UX patterns

UI elements

Context

• All of Duolingo

More from Duolingo

• Feature — 'backed by science' illustrated row
• Hero — Centered hero with 3D mascot cluster and dual CTAs
• Footer — Dense multi-column green footer
• Feature — 'duolingo english test' row
• Feature — 'duolingo for schools' and 'duolingo abc' product rows
• Banner — Flag-row language picker strip
• Feature — 'free. fun. effective.' with phone screenshot
• CTA / Sign-up — Green grass closing CTA with coin-jar mascot
• Gallery / Showcase — 'learn anytime, anywhere' floating device scene
• Feature — 'personalized learning' illustrated row
• Feature — 'stay motivated' illustrated row
• Banner — 'SUPER DUOLINGO' dark promo band