spotify.design.md
Spotify.
Vibrant green on near-black, heavyweight type and album art as the color system — sound made visible.
23 screens indexed3 flows mappediOS · private beta
In the kit
Generated guide · Markdown↓ Free
Evidence coverage
23screens3workflows23VLM annotated
Type & palette
Aa 400 · 700 · 900
Brand assets
Logo variants, mirrored and stable.
Served from the design.live CDN at a stable resolver URL, so an agent never has to scrape a brand site at request time.
Palette
Spotify colours, ready to paste.
Hex values as recorded in the brand record. Click any swatch to copy it.
accent
dark
light
Typography
The type the brand actually ships.
Recorded from the brand record and the curated design distillation, with role and origin.
Aa
Spotify Mix
Aa
Spotify Mix
Circular, 900 weight
- Weights
- 400 · 700 · 900
- Scale
- 56 / 36 / 24 / 16 / 13
- Tracking
- -0.02em, tight leading
Brand context
What an agent needs to know first.
AI-ready positioning, distilled into the same context block the MCP returns.
Music for everyone
Spotify builds a music, podcasts, and audiobooks streaming platform for music fans worldwide, bringing together listeners and creators with an always-available web player and mobile experience plus optional Premium plans that offer ad-free listening and features like offline playback. It differentiates through being widely supported across devices, including Apple CarPlay, Android Auto, and built-in experiences on thousands of devices.
Audiences
- Music, podcast, and audiobook listeners
- Premium subscribers (individuals and households)
- Artists, podcasters, and creators
Design evidence
How the product behaves.
Counts come from the canonical evidence store. Screens and ordered steps are delivered through the authenticated MCP, not rendered here.
23screens indexedBrowse screen coverage 3workflows mappedBrowse flows
23screens VLM annotatedcomponents · states · accessibility
Type
Aa
Circular, 900 weight
56 / 36 / 24 / 16 / 13 · -0.02em, tight leading
Signature moves
01Album art drives the palette02Ultra-bold display, tight leading03Pill buttons, full radius04Green means exactly one thing: play