Media Streaming references
4 deeply-analysed media streaming sites, 4 flagship-tier. Each carries the design tokens, the do and don't rules, the signature moves and the section anatomy, so an AI builder grounds a media streaming brief in how the best sites actually build it .
Netflix
flagshipMedia Streaming
The reference for a cinematic black-void hero where a single Netflix Red #e50914 CTA punches through a tilted, dimmed wall of content thumbnails.
Soundcloud
flagshipMedia Streaming
The reference for a near-black media stage (#121212) where album art and a single cool blue (#699fff) carry all the colour and the chrome stays invisible.
Spotify
flagshipMedia Streaming
The reference for a near-black media command centre (#000000 canvas, #121212 cards) where one green accent (#1ed760) and full-bleed album art carry all the colour.
X Formerly Twitter
flagshipMedia Streaming
The reference for a content-first social product UI where one X Blue (#1d9bf0) accent punctures an otherwise monochrome white interface, hairline borders replace shadows, and every control is an infinite-radius pill.