# DESIGN.md — Spotify

> Vibrant green on near-black, heavyweight type and album art as the color system — sound made visible.
> Distilled by design.live · Media · spotify.com
> Agent prompt: "Use the design.live MCP and make it look like Spotify."

## Brand context
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

## Assets
logo (for light surfaces): https://cdn.design.live/v1/domain/spotify.com/logo?theme=dark
logo (for dark surfaces):  https://cdn.design.live/v1/domain/spotify.com/logo?theme=light
icon:                      https://cdn.design.live/v1/domain/spotify.com/icon

## Palette
#1ED760    accent
#191414    dark
#FFFFFF    light

## Type
title    Spotify Mix (custom)
body     Spotify Mix (custom)

## Type scale
display:    Circular, 900 weight
weights:    400 · 700 · 900
scale:      56 / 36 / 24 / 16 / 13
tracking:   -0.02em, tight leading

## Signature moves
- Album art drives the palette
- Ultra-bold display, tight leading
- Pill buttons, full radius
- Green means exactly one thing: play

## Evidence coverage (private beta)
screens indexed:       23
screens VLM-annotated: 23
workflows mapped:      3
workflows annotated:   3
platforms:             iOS

Evidence returned by the MCP is deduplicated, ranked for the request, and linked to source and permission provenance. Counts reflect the canonical evidence-store snapshot, not invented adoption or asset totals. Screen imagery is delivered through authenticated, metered MCP calls; it is not distributed on public pages.

## Retrieval
Ask the design.live MCP for the project brief, constraints, and desired Spotify qualities. It returns ranked evidence and an agent-ready implementation plan; do not copy a source screen wholesale.

— design.live/brands/spotify