Dia Browser: personal-workspace product page

Tier: inspiration
Roles: hero, explainer, feature, proof, closing, footer
Feel: light, editorial, saas, warm
Motion: reveal, pan, stack
Source: public-site
Site: https://diabrowser.com/
Licence: Captured from a Refero-hosted recording and the live site; description only, no redistribution of the source.
Captured: 2026-09-25
Captures: frames: https://images.refero.design/styles/refero.design/video/2ccce24d-3398-4c7a-b72e-e22e3f13b9f8.mp4
both: https://diabrowser.com/

What it does

A browser product page pairs a bright yellow identity and conversational product demos with calm feature panels.

Section roster

1. Browser identity hero. 2. Assistant-in-browser examples. 3. Writing and planning workflows. 4. Privacy and download information.

Why it works

The brand hero attracts attention while specific browser tasks make the product believable.

Source and capture notes

Refero [style page](https://styles.refero.design/style/b458ca1a-70f0-4f85-b745-f879a4d08457) and [recorded video](https://images.refero.design/styles/refero.design/video/2ccce24d-3398-4c7a-b72e-e22e3f13b9f8.mp4); [live site](https://diabrowser.com/) checked on 2026-09-25. The recording is a point-in-time reference; current site content may differ. Motion and layout notes come from sampled frames and an automated live capture, not interaction testing.