screenroveSCREENS WORTH STUDYING
Screenrove / Design references

Duolingo Marketing Pages

Full-page captures with section notes and source links.

Duolingo Homepage

Homepage

A centred hero with the two account buttons and a course-flag strip, then left/right alternating bands pairing a lowercase green headline in a rounded display face with a short grey paragraph and a large illustration. A dark navy Super Duolingo band and a Duolingo English Test band precede a green closing band that flows into the green footer. The fixed header switches from the site-language menu to a GET STARTED button once scrolled, which is why the full-page image shows the button and the thumbnail shows the menu.

Duolingo Super Duolingo

Super Duolingo

A dark navy page with its own Super duolingo wordmark and a LOG IN button. A hero with a gradient Duo, a course strip, a three-column Free / Super / Super Family comparison with Super raised and checked, a stats band (100+ language courses, #1 downloaded education app, 500m+ total learners), a feature switcher beside a phone mockup, a support-free-education band and a Today / Day 5 / Day 7 free-trial timeline. Every call to action is a white START MY 1 WEEK FREE button; nothing was started.

Duolingo Duolingo Math

Duolingo Math

A split hero ("Math is hard, so we made it fun.", a blue GET STARTED and an outlined account button) with illustrated characters, then three alternating feature rows each built around a phone-frame lesson mockup with its own outlined GET STARTED, a grid of eight course tiles (Arithmetic to Linear Algebra), a ten-question FAQ accordion and a closing call to action.