Evernote: warm productivity landing with overlapping note interfaces

Tier: inspiration
Roles: hero, feature, explainer, capability, proof, offer, closing, footer
Feel: light, warm, saas
Motion: pan, reveal
Source: public-site
Site: https://evernote.com/
Licence: Captured from a Refero-hosted recording and the live site; description only, no redistribution of the source.
Captured: 2026-10-05
Captures: frames: https://images.refero.design/styles/refero.design/video/84e68b8e-e851-4a22-a4e5-d36037f67aa0.mp4
both: https://evernote.com/

What it does

A warm cream hero centers a productivity promise above overlapping note, task and calendar interfaces. A bright green introduction changes into a dark gradient band, then alternating cream sections demonstrate notes, search, AI assistance and collaboration.

Section roster

1. Cream introduction and interface collage. 2. Productivity overview. 3. Dark gradient band. 4. Note and search features. 5. AI-assistance region. 6. Collaboration examples. 7. Closing invitation.

Why it works

The overlapping interfaces make the product scope tangible at the start; alternating bright, dark and cream regions distinguish overview from focused feature explanations.

Source and capture notes

Refero [style page](https://styles.refero.design/style/0c0b6140-2b6c-44f8-8bba-4ecfcadba420) and [recorded video](https://images.refero.design/styles/refero.design/video/84e68b8e-e851-4a22-a4e5-d36037f67aa0.mp4); [live site](https://evernote.com/) checked on 2026-10-05. 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 sampled recording frames and automated live captures; interactive controls were not comprehensively tested.