← back to the gallery

Studio.Design: editorial site-builder landing with a diagonal showcase collage

Tier
inspiration
Roles
hero, explainer, capability, feature, proof, closing
Feel
light, premium, editorial, playful, depth
Motion
pan, reveal
Source
public-site
Site
https://studio.design/
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/56a7fee9-5711-4844-b21f-7d99e488b465.mp4
both: https://studio.design/

What it does

A large left-aligned site-builder statement shares the opening with a diagonal staircase of colorful website examples. A dark editor demonstration interrupts the pale canvas before a white grid explains design, CMS, publishing, forms and animation. A broad template collage and monochrome creator portraits lead into a final invitation.

Section roster

1. Diagonal website-example collage. 2. Dark editor demonstration. 3. White capability grid. 4. Template and website showcase. 5. Creator portraits. 6. Closing invitation.

Why it works

The collage shows the range of sites the builder can support before the feature grid explains the tools. Alternating colorful examples and quiet white sections gives the interface information room to breathe.

Source and capture notes

Refero [style page](https://styles.refero.design/style/bb2e29c9-d20a-4b8d-8959-5b506f517ec4) and [recorded video](https://images.refero.design/styles/refero.design/video/56a7fee9-5711-4844-b21f-7d99e488b465.mp4); [live site](https://studio.design/) 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.