← back to the gallery

Asana: expansive work-platform landing with colorful workflow evidence and contrasting proof panels

Tier
inspiration
Roles
hero, proof, explainer, capability, feature, testimonial, closing
Feel
light, saas, premium, depth
Motion
pan, reveal
Source
public-site
Site
https://asana.com
Licence
Captured from a Refero-hosted recording and the live site; description only, no redistribution of the source.
Captured
2026-10-06
Captures
frames: https://images.refero.design/styles/refero.design/video/491d4f89-96fb-4969-a764-0ec7dd359340.mp4
both: https://asana.com

What it does

The recorded white introduction frames a large work-management interface in blue. Customer identities lead into human and AI collaboration examples, pastel capability cards and compact use-case icons. Pale blue and deep blue panels organize enterprise evidence, followed by integration identities and a teal customer story.

Section roster

1. Recorded work-platform introduction. 2. Blue-framed interface. 3. Customer identities. 4. Human and AI collaboration examples. 5. Use-case cards. 6. Enterprise evidence. 7. Integration identities. 8. Teal customer story. 9. Resource and closing panels.

Why it works

Recognizable workflow examples make the broad platform positioning concrete. Alternating pale and saturated blue panels separates capability explanations from enterprise proof.

Source and capture notes

Refero [style page](https://styles.refero.design/style/6b2a0513-df80-4140-87a8-38b1fef34313) and [recorded video](https://images.refero.design/styles/refero.design/video/491d4f89-96fb-4969-a764-0ec7dd359340.mp4); [live site](https://asana.com) checked on 2026-10-06. 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. The current introduction has changed substantially to a human-and-agent team statement, pink gradient lettering and connected workflow objects. The roster and palette describe the recording.