← back to the gallery

Notion: connected-workspace landing

Tier
inspiration
Roles
hero, explainer, capability, feature, proof, offer, closing, footer
Feel
light, premium, minimal, saas, cold
Motion
reveal, pan, stagger, tabs
Source
public-site
Site
https://notion.so/
Licence
Captured from a Refero-hosted recording and the live site; description only, no redistribution of the source.
Captured
2026-09-16
Captures
frames: notion-refero.mp4
both: https://notion.so/

What it does

Notion presents a connected workspace for teams and AI agents through a broad product narrative: workspaces, automation, assistants, connected knowledge, proof, and a final action.

Section roster

1. Hero: teams and agents create together. 2. Workspace/agent automation and Office Q&A examples. 3. On-demand assistant and connected-work chapters. 4. Product templates, customer proof, closing action, and footer.

Why it works

The page makes a large product surface scannable by alternating strong black headlines with familiar workspace snapshots. Small saturated topic colors identify sections without disrupting the calm near-white system.

Sources

The Refero MP4 at https://images.refero.design/styles/refero.design/video/02d47c42-272f-4414-98ef-f1be10e20efb.mp4 provides the 33.9-second motion sequence. The live capture at https://notion.so/ supplies current desktop/mobile layout and measured tokens. Both show the same connected-workspace direction.