← back to the gallery

Shortcut: white project-management landing with deep-blue workflow chapters and purple actions

Tier
inspiration
Roles
hero, explainer, feature, capability, testimonial, proof, closing
Feel
light, dark, minimal, saas, cold
Motion
pan, reveal, kinetic
Source
public-site
Site
https://www.shortcut.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/738096c2-4dca-4ee4-bcb5-671533aff071.mp4
both: https://www.shortcut.com

What it does

A centered software-team introduction sits above a broad planning board on white. Deep-blue progress and AI-agent chapters alternate with pale work-and-goal interfaces. Integrations, security evidence and customer quotations lead into a blue-purple closing card.

Section roster

1. White software-team introduction. 2. Broad planning board. 3. Deep-blue progress chapter. 4. Work-and-goal interfaces. 5. Flexible workflow panels. 6. Dark AI-agent chapter. 7. Integration marks. 8. Security evidence and quotations. 9. Blue-purple closing card.

Why it works

Alternating light boards with darker workflow chapters separates overview from detailed explanation. Purple actions remain consistent across both environments, giving the long product tour clear points of emphasis.

Source and capture notes

Refero [style page](https://styles.refero.design/style/7c984a81-a08f-41a3-b790-8d4a9ed92031) and [recorded video](https://images.refero.design/styles/refero.design/video/738096c2-4dca-4ee4-bcb5-671533aff071.mp4); [live site](https://www.shortcut.com) checked on 2026-10-07. 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 emphasizes software teams and their agents; the source reaches the closing but does not establish a complete footer.