Spotify

Visit Website

Music streaming. Vibrant green on dark, bold type, album-art-driven.

活力绿深色音乐专辑艺术播放界面

Color Palette

primary

background

surface

text

muted

border

Typography

Heading FontCircular, system-ui, sans-serif

Body FontCircular, system-ui, sans-serif

Base Size14px

Line Height1.4

Weights400, 500, 700

Heading Scale

h1Spotify Heading

h2Spotify Heading

h3Spotify Heading

h4Spotify Heading

DESIGN.md

# Spotify Design System

## Visual Theme & Atmosphere
Music immersion. Vibrant green pops against pure black. Album art is the star.

Related Design Systems

TikTok

ByteDance

Similar style design system

Instagram

Frequently Asked Questions

What is Spotify's design style?

Music streaming. Vibrant green on dark, bold type, album-art-driven.

What is Spotify's primary color?

Spotify uses #1DB954 as primary color, #121212 for background, and #FFFFFF for text.

What fonts does Spotify use?

Heading font: Circular, system-ui, sans-serif. Body font: Circular, system-ui, sans-serif. Base size: 14px.

How to use Spotify design system in my project?

Click the Copy button above the DESIGN.md code block to copy the complete design specification. AI Coding tools like Cursor can directly read DESIGN.md to generate code matching Spotify's style.

Explore More Design Systems

Discover 50+ curated design systems for your AI Coding projects.

View All Design Systems