← back to the gallery

Sketch: lavender editorial product landing with layered design-tool previews

Tier
inspiration
Roles
hero, feature, capability, testimonial, closing, footer
Feel
light, premium, editorial, depth
Motion
pan, reveal
Source
public-site
Site
https://sketch.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/580eea92-5939-4388-83a4-9f470aad6d6c.mp4
both: https://sketch.com/

What it does

A soft lavender opening pairs a large serif welcome with concise product copy and a dark action outlined in pink and violet. An update notice and oversized design-tool window establish the product. Subsequent sections alternate serif explanations with dark and colorful interface examples for designing, testing ideas and extending a workflow.

Section roster

1. Lavender editorial welcome. 2. Outlined download action and update notice. 3. Large design-tool window. 4. Design without distractions. 5. Prototype and test examples. 6. Extended workflow features. 7. Closing product invitation.

Why it works

The serif voice gives a software page an editorial warmth. Large working-interface previews supply concrete evidence, while the lavender canvas unifies otherwise varied design examples.

Source and capture notes

Refero [style page](https://styles.refero.design/style/4caadb3c-3865-4a4d-9e1a-46478ac71078) and [recorded video](https://images.refero.design/styles/refero.design/video/580eea92-5939-4388-83a4-9f470aad6d6c.mp4); [live site](https://sketch.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.