← back to the gallery

Penpot: deep violet design-platform introduction with a large editor and layered sample interfaces

Tier
inspiration
Roles
hero, explainer, capability, feature
Feel
dark, premium, saas, depth, cold
Motion
pan, reveal
Source
public-site
Site
https://penpot.app/
Licence
Captured from a Refero-hosted recording; description only, no redistribution of the source recording. Live site checked but no live capture retained.
Captured
2026-10-06
Captures
frames: https://images.refero.design/styles/refero.design/video/5ea499e3-3fc5-4813-83b8-c2200a850f41.mp4

What it does

Recording-only reference. A centered white product statement, with Together highlighted in turquoise, sits above a dark design-editor window. The next sampled section layers a music-discovery interface, a pink mobile layout and smaller editor panels over deep violet, introducing the platform through concrete design examples.

Section roster

1. Centered violet product introduction. 2. Dark design-editor demonstration. 3. Layered sample web and mobile interfaces. 4. Full-stack design explanation.

Why it works

The editor gives the abstract collaboration message a practical anchor. Turquoise highlights and pale example interfaces remain easy to distinguish against the violet surroundings.

Source and capture notes

Refero [style page](https://styles.refero.design/style/7be94705-3666-4fb1-a389-0cfd7cb223cd) and [recorded video](https://images.refero.design/styles/refero.design/video/5ea499e3-3fc5-4813-83b8-c2200a850f41.mp4); [live site](https://penpot.app/) checked on 2026-10-06. 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; no live capture or measured responsive layout is attached; interactive controls were not comprehensively tested. The recording covers the opening and early capability sections, not the entire page. The current landing uses a much paler opening treatment and includes an agent/MCP announcement. The live capture contained incomplete embedded-video panels and was excluded; only the clean source recording is attached.