design.md

AI-ready Markdown · Human-readable · 128 tokens

Preview

# spotify.com Design Tokens

> Generated by UI Archive — https://ui-archive.com/spotify.com
> Snapshot: 2026-11-15
> Format: W3C DTCG compatible — suitable for Cursor, Lovable, Claude Code, and other AI coding agents

## Typography

| Token | Font Family | Size |
|-------|-------------|------|
| --font-size-spotifymixui-16px-400 | SpotifyMixUI, CircularSp-Arab, CircularSp-Hebr, CircularSp-Cyrl, CircularSp-Grek, CircularSp-Deva, Helvetica Neue, helvetica, arial, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, MS Gothic, Apple Color Emoji, Segoe UI Emoji, Noto Color Emoji | 16px |
| --font-size-spotifymixui-13-3333px-400 | SpotifyMixUI, CircularSp-Arab, CircularSp-Hebr, CircularSp-Cyrl, CircularSp-Grek, CircularSp-Deva, Helvetica Neue, helvetica, arial, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, MS Gothic, Apple Color Emoji, Segoe UI Emoji, Noto Color Emoji | 13.3333px |
| --font-size-spotifymixui-14px-400 | SpotifyMixUI, CircularSp-Arab, CircularSp-Hebr, CircularSp-Cyrl, CircularSp-Grek, CircularSp-Deva, Helvetica Neue, helvetica, arial, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, MS Gothic, Apple Color Emoji, Segoe UI Emoji, Noto Color Emoji | 14px |
| --font-size-spotifymixuititle-24px-700 | SpotifyMixUITitle, CircularSp-Arab, CircularSp-Hebr, CircularSp-Cyrl, CircularSp-Grek, CircularSp-Deva, Helvetica Neue, helvetica, arial, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, MS Gothic, Apple Color Emoji, Segoe UI Emoji, Noto Color Emoji | 24px |
| --font-size-spotifymixui-12px-400 | SpotifyMixUI, CircularSp-Arab, CircularSp-Hebr, CircularSp-Cyrl, CircularSp-Grek, CircularSp-Deva, Helvetica Neue, helvetica, arial, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, MS Gothic, Apple Color Emoji, Segoe UI Emoji, Noto Color Emoji | 12px |
| --font-size-spotifymixui-11px-400 | SpotifyMixUI, CircularSp-Arab, CircularSp-Hebr, CircularSp-Cyrl, CircularSp-Grek, CircularSp-Deva, Helvetica Neue, helvetica, arial, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, MS Gothic, Apple Color Emoji, Segoe UI Emoji, Noto Color Emoji | 11px |

## Spacing

| Token | Value |
|-------|-------|
| --spacing-2px | 2px |
| --spacing-3px | 3px |
| --spacing-4px | 4px |
| --spacing-5px | 5px |
| --spacing-6px | 6px |
| --spacing-7px | 7px |
| --spacing-8px | 8px |
| --spacing-9px | 9px |
| --spacing-10px | 10px |
…