← back to the gallery

Preply: pink tutor landing with portrait collages and a three-step learning sequence

Tier
inspiration
Roles
hero, proof, process, explainer, capability, closing, footer
Feel
light, playful, editorial, warm
Motion
pan, reveal
Source
public-site
Site
https://preply.com
Licence
Captured from the live public site; description only. Unusable Refero recording not retained.
Captured
2026-10-08
Captures
both: https://preply.com

Measured tokens

Canvas
Ink
#121117
Accent
#ffffff

15 sections measured.

What it does

Live-only reference. A pink split introduction combines a learning statement with tutor portraits and small progress cards. Rating proof and language-category rows lead to a portrait explanation and three numbered learning cards. A pink guarantee band, turquoise tutor invitation and business-training section precede dense category links and a dark footer.

Section roster

1. Pink tutor introduction. 2. Ratings and language categories. 3. Portrait-based progress explanation. 4. Three-step learning sequence. 5. Pink guarantee band. 6. Turquoise tutor invitation. 7. Business training section. 8. Category links and dark footer.

Why it works

Tutor faces humanize the service while numbered cards organize the learning process. Pink and turquoise bands clearly distinguish learner and teacher invitations.

Source and capture notes

Refero [style page](https://styles.refero.design/style/476fea7c-d578-4625-b9e6-36e95faa6ca4) and [recorded video](https://images.refero.design/styles/refero.design/video/863ab34b-8ee3-48ce-a310-4331da852174.mp4); [live site](https://preply.com) checked on 2026-10-08. The recording is a point-in-time reference; current site content may differ. Descriptions distinguish the recording from the current page where they differ. Layout and motion notes come from fresh automated live captures; the original Refero video was not retained because its footage was obstructed or incomplete; interactive controls were not comprehensively tested. The original recording contains a persistent cookie panel and is excluded. The final live capture follows the actual essential-cookies control. Desktop and mobile hero content differ in the captured campaign.