← back to the gallery

Sonos: white audio-system storefront with lifestyle scenes and sculptural speaker groups

Tier
inspiration
Roles
hero, explainer, feature, proof, closing, footer
Feel
light, premium, minimal, warm
Motion
pan, reveal
Source
public-site
Site
https://sonos.com
Licence
Captured from the live public site; description only. Unusable Refero recording not retained.
Captured
2026-10-08
Captures
both: https://sonos.com

Measured tokens

Canvas
#ffffff
Ink
#000000
Accent
#bfbfbf

106 sections measured.

What it does

Live-only reference. A lifestyle scene introduces a whole-home sound system beneath a quiet white navigation bar. A seasonal offer leads into sound-quality explanations, speaker arrangements and listening scenarios. Dark music-service chapters alternate with white system-building and purchase-benefit sections.

Section roster

1. Lifestyle sound-system hero. 2. Seasonal product offers. 3. Acoustic design explanation. 4. Speaker-group composition. 5. Listening scenario tiles. 6. Dark whole-home and streaming chapters. 7. System-building invitation. 8. Purchase benefits and footer.

Why it works

Human listening scenes establish a use context while isolated speaker groups make the hardware family legible. Alternating dark and white chapters give streaming and physical products separate visual settings.

Source and capture notes

Refero [style page](https://styles.refero.design/style/8d315332-6267-4dc0-a14c-e8b49c26b0e1) and [recorded video](https://images.refero.design/styles/refero.design/video/fd94b564-92ae-44b1-8621-8b15e93fabf4.mp4); [live site](https://sonos.com) checked on 2026-10-08. 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 fresh automated live captures; the original Refero video was not retained because its footage was obstructed or incomplete; interactive controls were not comprehensively tested. The source video contains a persistent newsletter overlay and is excluded. Current seasonal offers and product availability are capture-time content.