← back to the gallery

Warp: dark agentic-development landing with expansive editor screenshots

Tier
inspiration
Roles
hero, explainer, feature, proof, offer, closing, footer
Feel
dark, saas, premium
Motion
reveal, pan
Source
public-site
Site
https://warp.dev/code
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/a6497b29-cddf-477d-9af5-b1ad45e9ffb4.mp4
both: https://warp.dev/code

What it does

The recording uses a purple opening above a dark code editor, followed by large terminal and agent-workflow screenshots. Sparse labels, product tiers and a closing invitation extend the software story.

Section roster

1. Purple development introduction. 2. Editor and agent overview. 3. Model and terminal workflows. 4. Control and transparency. 5. Product tiers. 6. Download closing.

Why it works

Large realistic editor surfaces make technical capabilities inspectable; concise surrounding copy prevents the page from becoming a wall of code.

Source and capture notes

Refero [style page](https://styles.refero.design/style/79714b4e-c89a-44b3-8da4-931daa9a466f) and [recorded video](https://images.refero.design/styles/refero.design/video/a6497b29-cddf-477d-9af5-b1ad45e9ffb4.mp4); [live site](https://warp.dev/code) 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 live site now uses a vivid blue opening; the recorded version uses purple and a darker surrounding page.