← back to the gallery

Replay: pink-accent debugging narrative with contrasting dark runtime panels

Tier
inspiration
Roles
hero, explainer, feature, capability, testimonial, faq, closing
Feel
light, saas, minimal
Motion
pan, reveal
Source
public-site
Site
https://www.replay.io/
Licence
Captured from a Refero-hosted recording and the live site; description only, no redistribution of the source.
Captured
2026-10-05
Captures
frames: https://images.refero.design/styles/refero.design/video/f6efe835-a0cf-44ce-8b41-6c854e99121f.mp4
both: https://www.replay.io/

What it does

The recorded Replay page emphasizes coding-agent visibility with a centered statement and pink actions. Light explanatory sections alternate with dark runtime panels before customer statements and FAQs.

Section roster

1. Centered coding-agent introduction. 2. Agent visibility explanation. 3. Dark runtime-interface examples. 4. Broad debugging section. 5. Customer statements. 6. FAQ rows. 7. Closing action.

Why it works

The light and dark contrast separates the problem explanation from technical runtime evidence. Pink actions remain consistent across both surfaces, and the centered opening makes the main premise easy to identify.

Source and capture notes

Refero [style page](https://styles.refero.design/style/74417603-5cb1-49d1-96bd-435382f054bd) and [recorded video](https://images.refero.design/styles/refero.design/video/f6efe835-a0cf-44ce-8b41-6c854e99121f.mp4); [live site](https://www.replay.io/) checked on 2026-10-05. 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 presents autonomous QA with a different headline and expanded examples. App testing, sign-in and runtime debugging were not performed.