← back to the gallery

Planhat: cinematic bronze hero and alternating customer-platform evidence

Tier
inspiration
Roles
hero, proof, explainer, capability, testimonial, closing, footer
Feel
dark, premium, saas, depth, warm
Motion
pan, wipe
Source
public-site
Site
https://www.planhat.com/
Licence
Captured from a Refero-hosted recording and the live site; description only, no redistribution of the source.
Captured
2026-10-06
Captures
frames: https://images.refero.design/styles/refero.design/video/0da4a07b-d98a-43c1-89e2-49f66006c07d.mp4
both: https://www.planhat.com/

What it does

An amber and bronze moving texture fills the opening behind restrained white text and outlined actions. The recorded page shifts into pale product views, dark deployment and results panels, then a filmed customer story and a dense footer. Current captures keep the cinematic treatment while revising the message around customer agents and outcomes.

Section roster

1. Bronze cinematic hero. 2. Customer-platform explanation. 3. Product interface examples. 4. Dark deployment-confidence panel. 5. Platform workflow view. 6. Dark results and metrics. 7. Customer film and footer.

Why it works

The textured opening gives a business platform a distinct visual identity. Alternating bright interfaces and dark evidence panels separates explanation, deployment concerns and customer outcomes.

Source and capture notes

Refero [style page](https://styles.refero.design/style/94c4fc51-4323-4f06-a4a4-27517e190445) and [recorded video](https://images.refero.design/styles/refero.design/video/0da4a07b-d98a-43c1-89e2-49f66006c07d.mp4); [live site](https://www.planhat.com/) 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 and automated live captures; interactive controls were not comprehensively tested. The current headline and product positioning differ from the recording. The current event ribbon is incidental to the design reference.