← back to the gallery

Customer.io: editorial messaging landing with campaign previews and deep-green sections

Tier
inspiration
Roles
hero, explainer, feature, capability, proof, closing, footer
Feel
light, saas, premium, editorial
Motion
kinetic, reveal, pan
Source
public-site
Site
https://customer.io/
Licence
Captured from a Refero-hosted recording and the live site; description only, no redistribution of the source.
Captured
2026-10-04
Captures
frames: https://images.refero.design/styles/refero.design/video/7326c195-3c35-4d2e-ad6a-487ec6841c03.mp4
both: https://customer.io/

What it does

A customer-messaging platform opens with a large benefit headline and an expansive campaign dashboard layered over warm photography. Deep-green agent and integration regions interrupt the white feature narrative, followed by colorful customer stories and a green closing action.

Section roster

1. Changing channel headline and campaign preview. 2. Platform proposition and messaging features. 3. Deep-green agent and integration regions. 4. Customer-story cards. 5. Closing invitation and multi-column footer.

Why it works

The broad headline keeps the proposition simple while layered dashboard imagery supplies detail. Dark green separates conceptual sections from the lighter interface explanations, and the story cards add human evidence.

Source and capture notes

Refero [style page](https://styles.refero.design/style/abbaa70a-5fe2-44a9-9c5f-272e68c450c3) and [recorded video](https://images.refero.design/styles/refero.design/video/7326c195-3c35-4d2e-ad6a-487ec6841c03.mp4); [live site](https://customer.io/) checked on 2026-10-04. 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.