Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.

Spotify

Music

Spotify's brand embodies a nocturnal, immersive audio experience with deep black backgrounds that evoke the intimacy of listening in darkness. The signature green creates electric energy against the void, while rounded corners and generous spacing suggest organic, flowing rhythm rather than rigid digital constraints.

—(0)

Visit Website

Design Identity

Signature Color

Spotify Green

#1DB954

Musical vitality and discovery - the electric pulse of finding your next favorite song

Visual Identity

The dramatic black void punctuated by vibrant green accents creates an unmistakable 'audio-first' atmosphere where content floats in space like album covers in a record collection.

Component Style

Pill-shaped buttons with 9999px border radius create organic, approachable interactions. Cards have subtle 4-12px shadows that make content feel suspended in the dark interface. Everything feels soft and touchable rather than sharp or corporate.

Spacing Philosophy

Generous 32-64px margins create breathing room that mirrors the pauses between songs, while tighter 24px spacing keeps related content connected. The rhythm follows musical pacing rather than grid rigidity.

Design Principles

Border radius uses organic scaling: 2px, 4px, 6px, 8px, 16px, or full pill (9999px)
Layout margins follow musical rhythm: 24px tight, 32px base, 64px expansive
Shadows are always soft and atmospheric: 4-12px blur with 30% opacity black
Typography weight is binary: 400 for body, 700 for emphasis - no middle ground
Transitions are quick and responsive at 0.2s for immediate audio feedback

Target Audience

Music obsessives and casual listeners who value discovery over organization - people who want their interface to feel like an extension of their headphones