Duolingo — Banner
English language proficiency testing and learning assessment. The screen shows a minimalist landing page with a dark navy hero section at top, white content area below, and prominent branding with the product name in large bright green text paired with an illustrated mascot character in the lower right.
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-super-duolingo-dark-promo-band.
Measured spec
| Scheme | dark |
| Background | #100F3F |
| Text | #FFFFFF |
| Accents | #8DD056 |
| Contrast | 18.07 |
| Columns | 1 |
| Alignment | left |
| Whitespace | dense |
| Density | 0.512 |
| Measured size | 1600×765 px |
Palette
#1F1746#58CC02#CE82FF
Fonts
Duolingo Sans
Page types
Detail
Context
- Parent page: Duolingo consumer landing page with mascot-driven hero and alternating illustrated feature rows
- All of Duolingo
Other sections on this page
- Hero — Centered hero with 3D mascot cluster and dual CTAs
- 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
- 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