Devin: product-first AI engineering landing

Tier: inspiration
Roles: hero, feature, capability, proof, closing, footer
Feel: light, dark, saas, minimal
Motion: reveal, pan, tabs
Source: public-site
Site: https://devin.ai/
Licence: Captured from a Refero-hosted recording and the live site; description only, no redistribution of the source.
Captured: 2026-09-24
Captures: frames: https://images.refero.design/styles/refero.design/video/03786cf4-26e2-40f0-96f1-dab45566597b.mp4
both: https://devin.ai/

What it does

An AI software-engineering page that uses actual work screens to explain autonomous coding tasks.

Section roster

1. Product hero and task input. 2. Planning and code-review interface. 3. Use cases and customer evidence. 4. Documentation and trial close.

Why it works

The interface stays central, so the automation claim has visible evidence. Dense code screenshots require readable crops and text alternatives.

Sources

- [Refero style page](https://styles.refero.design/style/e9a1c1e1-2c35-47c0-864f-d1e9fea57579) and its [recorded MP4](https://images.refero.design/styles/refero.design/video/03786cf4-26e2-40f0-96f1-dab45566597b.mp4) supply the sampled motion and section sequence. - The live capture at https://devin.ai/ supplies current copy, responsive screenshots, and measured layout. - The live site now foregrounds additional review and migration use cases; use its current copy.