Sonos speaker color lineup, portfolio case-study screen

Sonos speaker color lineup, portfolio case-study screen, photographic, editorial, warm

Preview image. Unlock full-res

A design-studio portfolio case-study screen showing an editorial product shot of five Sonos speakers in different colorways, with the studio's own site navigation overlaid on top.

Summary

A design-studio portfolio case-study screen showing an editorial product shot of five Sonos speakers in different colorways, framed inside a lightbox with the studio's own site navigation overlaid on top.

Visual description

A minimal top nav bar reads "COLORS AND THE KIDS" on the left and "FEATURED WORK BLOG INFO PREVIOUS NEXT" plus a close (X) icon on the right, all bold black all-caps sans-serif over the image. Below it, a full-bleed photograph shows five cylindrical Sonos speakers (blush pink, red, white, dark green, and pale yellow-green) staged at different heights on angled cream, white, and dark navy surfaces, with a warm plywood edge cutting diagonally through the frame. Soft directional light casts long shadows and reveals the fabric-grille texture on each speaker; two units show the "SONOS" wordmark on their lower band. A grey cookie-consent bar with fine print runs along the very bottom edge of the screen.

Key takeaway

The diagonal wood-edged surface splits the frame into a light zone and a dark zone, letting five different speaker colors sit in one shot without competing: cool colors read against the dark panel, warm ones against the light panel. The studio's own nav chrome doubles as a simple case-study lightbox.

Reuse notes

Useful reference for a portfolio case-study lightbox pattern (minimal overlay nav plus a close button on a full-bleed image) as well as for staging multiple color variants of one hardware product in a single shot. The diagonal surface split is the reusable trick; adapt the finishes to the brand at hand.

More like this