← back to the gallery

Zapier: cream automation landing with orange actions and workflow diagrams

Tier
inspiration
Roles
hero, feature, capability, proof, explainer, closing
Feel
light, editorial, minimal, saas, warm
Motion
pan, reveal, kinetic, count
Source
public-site
Site
https://zapier.com
Licence
Captured from a Refero-hosted recording and the live site; description only, no redistribution of the source.
Captured
2026-10-08
Captures
frames: https://images.refero.design/styles/refero.design/video/5923edeb-06ba-4a85-8879-2f86e01d5155.mp4
both: https://zapier.com

What it does

A cream introduction and orange actions lead into paired soft-gradient AI examples. Fine workflow diagrams explain a unified connection layer, followed by a dark green invitation and a broad copilot interface. Customer stories precede a black band with changing usage digits.

Section roster

1. Cream automation introduction. 2. Paired AI workflow examples. 3. Connection-layer diagrams. 4. Dark green invitation. 5. Copilot interface chapter. 6. Customer stories. 7. Black usage-counter band.

Why it works

Fine lines and simple blocks make an abstract integration story readable. Orange actions establish a consistent route through pale diagrams, softer interface scenes and dark proof bands.

Source and capture notes

Refero [style page](https://styles.refero.design/style/63295283-c1a3-4adb-891a-d1365a47a50b) and [recorded video](https://images.refero.design/styles/refero.design/video/5923edeb-06ba-4a85-8879-2f86e01d5155.mp4); [live site](https://zapier.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 sampled recording frames and automated live captures; interactive controls were not comprehensively tested. The current page introduces automation in the agentic era with revised MCP and governance chapters; the fresh mobile version uses a different workflow-cost headline and metric-led opening. The source ends at the usage counter rather than a complete footer; count records the changing digits only.