← back to the gallery

Websmith: warm white development studio with project grid and pastel services

Tier
inspiration
Roles
hero, proof, capability, explainer, testimonial, closing, footer
Feel
light, editorial, minimal, warm
Motion
pan, reveal
Source
public-site
Site
https://websmith.studio/
Licence
Captured from a Refero-hosted recording and the live site; description only, no redistribution of the source.
Captured
2026-10-05
Captures
frames: https://images.refero.design/styles/refero.design/video/8a4d932d-9fcf-4b20-a77c-2db120355d12.mp4
both: https://websmith.studio/

What it does

A warm white studio page introduces a partnership for designers above a two-column grid of project imagery. The recording continues into a service grid with blue, green and pink panels, a portrait testimonial and article previews.

Section roster

1. Designer-partnership introduction. 2. Two-column project grid. 3. Service explanation. 4. Pastel capability panels. 5. Portrait testimonial. 6. Article previews. 7. Closing information.

Why it works

Large real project previews substantiate the partnership promise before services are explained. Pastel panels add hierarchy to capabilities while preserving the quiet editorial tone.

Source and capture notes

Refero [style page](https://styles.refero.design/style/11cfc460-807b-42c5-b10a-7b042c60f3e8) and [recorded video](https://images.refero.design/styles/refero.design/video/8a4d932d-9fcf-4b20-a77c-2db120355d12.mp4); [live site](https://websmith.studio/) checked on 2026-10-05. 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.