AgencyWorkPricing

Products

Start free

Independent study. Not official and not affiliated with Spotify.

Spotify brand guidelines

Spotify keeps the page dark and lets green mean "press play". Color is loud but contained in cards; the logo itself becomes the hero window.

Official source: developer.spotify.com/documentation/designUpdated 2026-10-30

Compare your brand

Spotify brand guidelines at a glance Four cards. One green button.

Spotify brand colors

  • Spotify Green#1ED760
  • Black#121212
  • White#FFFFFF
  • Pure black#000000
  • Plan grey#242424
  • Reserved periwinkle#576DD6
  • DJ blue#0D72EA
  • Video orange#D64000

Spotify typography

Spotify Mix Title
Hero (ultra-wide 900, stretch 156.25%) and section heads (800). Open stand-in here: Unbounded.
Spotify Mix
Body, subheads, card titles, buttons, nav, footer. Open stand-in here: Hanken Grotesk.

Spotify logo guidelines

  • Exclusion zone = half the icon height
  • Minimum 70px (logo) and 21px (icon) digital; 20mm and 6mm print
  • Green logo only on black, white or non-duotoned photos

Spotify voice

warm, fan-centred, short, exact about offers

  • Sentence case everywhere except footer column heads
  • Use the published link labels: GET SPOTIFY FREE, OPEN SPOTIFY, PLAY ON SPOTIFY, LISTEN ON SPOTIFY
  • Numbers only when verifiable

What makes the Spotify brand work A black stage, and green means press play.

A black stage for color: #121212 everywhere, one ultra-wide 128px headline seen through the Spotify icon, saturated rounded feature cards, and Spotify Green kept for the button that says try it.

Color

A black stage makes the saturated cards and the green CTA the only things that glow.

Three published core colors: Spotify Green #1ED760, White #FFFFFF, Black #121212. The guide says the brand now speaks a much more colorful language, with Green as the resting color. On the page the ground never leaves #121212; color arrives as saturated flat card grounds and plan accents, and green is reserved for actions.

Type

One shouting hero line, then a calm grotesque, gives the page its poster-then-product rhythm.

Spotify sets its marketing in its proprietary Spotify Mix family: an ultra-wide black cut (stretch 156%) only for the hero, Mix Title 800 for centered section heads, Mix UI for body and buttons. Partner integrations are told to use the platform sans.

Logo

A single colorway rule keeps the logo legible on the colorful brand palette.

The full logo is the icon plus the wordmark; the icon alone is for tight spaces or when the brand is already established. Green logo only on black or white; monochrome on anything else. On spotify.com the nav and footer use the white full logo.

  • Black: 70%
  • Card colors: 18%
  • White type: 9%
  • Green: 3%
Not published. Our reading of the Premium page at 1440: near-black ground dominates, saturated card colors next, white type, green only on actions.

The Spotify style guide as a system Green stays put. Card color moves.

Fixed, everywhere

  • #121212 ground for every band, #000000 nav and footer
  • Green #1ED760 only on action pills (and the Individual plan accent)
  • White full logo in the nav, green logo only on black or white
  • One ultra-wide hero headline; 64px centered section heads
  • Pill buttons, 24px card corners

What varies

which saturated color each feature card takes

Do

  • Attribute with the full logo (icon only as an app icon)
  • Max 20 items per content set, with a link to keep exploring in Spotify
  • Truncate metadata only if the full text stays reachable

Don't

  • Don't seat Spotify content next to similar services
  • Don't co-brand
  • Don't name an app with 'Spotify' in it

Checks for any piece

Logo hidden

Cover the logo. It should still read as Spotify: a #121212 page, a green pill, a wide black headline and saturated rounded cards.

Swap test

Put another company's name on it. If nothing else changed, the icon-window hero, green-only actions and card colors are missing.

Spotify brand book examples Loud inside the card, calm around it.

Spotify: Daylist card art: violet ground with a grainy gradient cover
Daylist card art: violet ground with a grainy gradient cover© Spotify. Shown for study, not for reuse. From spotify.com.
Spotify: Reserved feature card art at rest
Reserved feature card art at rest© Spotify. Shown for study, not for reuse. From spotify.com.
Spotify: Jam card art at rest
Jam card art at rest© Spotify. Shown for study, not for reuse. From spotify.com.
Spotify: On the road (Premium page)
On the road (Premium page)© Spotify. Shown for study, not for reuse. From spotify.com.

Spotify ads

Spotify ad: App on Google PlayApp on Google PlayMeta · Jul 2025 – nowSpotify ad: PremiumPremiumMeta · Jun 2026 – nowSpotify ad: App on the App StoreApp on the App StoreMeta · Jul 2026 – nowSpotify ad: Listen for free on SpotifyListen for free on SpotifyGoogle · Nov 2026 – now

All 8Spotify ad campaigns →

What generic AI gets wrong about Spotify The easy mistake is spending the green.

These are the slips the rules exist to stop. Our reading of the guidelines, not a test of any one model.

Try 2 months for $0
Wrong. Green is for actions, not for body text or links.
Try 2 months for $0
Right. On #121212, the action is a green pill with black text.
Spotify
Wrong. Never the green logo on a colored ground.
Spotify
Right. White logo on dark grounds; green only on black or white.
The Most Advanced Audio Platform
Wrong. No title case, no superlative claims.
Made for how you listen
Right. Sentence case, about the listener.
With music that never stops
Wrong. Section heads stay in the normal-width face.
The ultimate home for music
Right. The wide black cut for the one hero line.

Compare your brand with Spotify Your homepage on the same stage.

Spotify

The ultimate home for music

Get Spotify Free
Your brand

Your headline goes here

Your button
TraitSpotifyYour brand
Main color#1ED760 Spotify GreenNot read yet
Page ground#121212Not read yet
Text#FFFFFFNot read yet
Headline typeSpotify Mix TitleNot read yet
Body typeSpotify MixNot read yet
Main color on ground9.8:1Not read yet

Get the full brand audit

Spotify brand book questions

Does Spotify publish a brand book?

A full Spotify brand book is not public. The public sources are the developer Design and Branding Guidelines and the newsroom logo kit.

What is the Spotify green hex code?

Spotify Green is #1ED760. On the Premium page it appears on action pills and the Individual plan accent, on a #121212 ground.

What font does Spotify use?

Spotify Mix and Spotify Mix Title, both proprietary. This page uses Unbounded, Bricolage Grotesque and Hanken Grotesk as calibrated open stand-ins.

What are the Spotify logo rules?

The exclusion zone is half the icon height. The minimum digital size is 70px for the logo and 21px for the icon. The green logo goes only on black, white or non-duotoned photos.

Official source and data

Read the official Spotify brand guidelines at developer.spotify.com/documentation/design

This is an independent study. Unfairly is not affiliated with, endorsed by or sponsored by Spotify. Logos shown from Spotify's newsroom brand assets for reference. Spotify is a trademark of Spotify AB. Not affiliated, and not for download.

Data source: the Spotify brand book in Steal Unfairly, built from the sources below. Checked 2026-10-30. Status: draft, facts being checked.

What Spotify does not publish
  • A full Spotify brand book is not public; the public sources are the developer Design & Branding Guidelines and the newsroom logo kit
  • Spotify Mix and Spotify Mix Title are proprietary; Unbounded, Bricolage Grotesque and Hanken Grotesk are calibrated stand-ins, not identical (Unbounded needs a horizontal scale to match the stretched hero cut)
  • A color ratio is not published (the proportion shown is our estimate from the page)
  • Feature-card colors, plan colors and greys are observed on the page, not published
  • Feature-card art is a Rive animation; the images are captures of its resting state, not source files
  • Exact responsive breakpoints were not measured (only 390 and 1440)
  • Icon grid and stroke rules are not published
  • Motion durations other than the 150ms button press are not published
  • Voice and tone guidance for marketing copy is not published

The full Spotify brand bookUse this brand in ClaudeFigma brand guidelinesStarbucks brand guidelinesAll brand guidelines examples

Your brand next.

Get your brand auditPut your brand in ClaudeBuild your brand book