← back to the gallery

Sanity: dark content-platform landing with orange structure diagrams and large editor demonstrations

Tier
inspiration
Roles
hero, explainer, capability, feature, proof, closing
Feel
dark, premium, editorial, saas, cold
Motion
pan, reveal, kinetic
Source
public-site
Site
https://sanity.io
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/0caf7f5a-1e77-4626-9811-bf0f378aa8b7.mp4
both: https://sanity.io

What it does

A dark cinematic introduction and orange logo band lead into a content-operations explanation. An orange rectangular structure motif separates the platform narrative from white editor, code and workflow sections. Large administrative interfaces, structured page fields and example application windows extend the recorded product story.

Section roster

1. Dark cinematic introduction. 2. Orange customer-logo band. 3. Content-operations explanation. 4. Orange structural diagram. 5. White editor and code examples. 6. Administrative workflow interfaces. 7. Example application windows.

Why it works

Orange framing makes the abstract structure narrative recognizable. The move from dark positioning to white editing interfaces connects the visual argument to the work a content team would actually see.

Source and capture notes

Refero [style page](https://styles.refero.design/style/a3af7369-b61c-4923-a628-931861c8097f) and [recorded video](https://images.refero.design/styles/refero.design/video/0caf7f5a-1e77-4626-9811-bf0f378aa8b7.mp4); [live site](https://sanity.io) 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 recording opens with Structure powers intelligence; the current page says The Content Operations Platform and uses a different animated background. Optional cookie categories were disabled before saving preferences.