{
  "$description": "Spotify brand tokens from unfairly.ai/brand-guidelines/spotify, checked 2026-10-30. Design Tokens Community Group format 2025.10.",
  "color": {
    "paper": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.071,
          0.071,
          0.071
        ],
        "hex": "#121212"
      }
    },
    "surface": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.141,
          0.141,
          0.141
        ],
        "hex": "#242424"
      }
    },
    "ink": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "ink-muted": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.702,
          0.702,
          0.702
        ],
        "hex": "#b3b3b3"
      }
    },
    "accent": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.118,
          0.843,
          0.376
        ],
        "hex": "#1ed760"
      }
    },
    "on-accent": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0,
          0,
          0
        ],
        "hex": "#000000"
      }
    },
    "accent-secondary": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.451,
          0.345,
          1
        ],
        "hex": "#7358ff"
      }
    },
    "night": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0,
          0,
          0
        ],
        "hex": "#000000"
      }
    },
    "on-night": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "spotify-green": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.118,
          0.843,
          0.376
        ],
        "hex": "#1ed760"
      }
    },
    "white": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "black-published": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.071,
          0.071,
          0.071
        ],
        "hex": "#121212"
      }
    },
    "spotify-color-player-fallback": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.098,
          0.078,
          0.078
        ],
        "hex": "#191414"
      }
    },
    "pure-black": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0,
          0,
          0
        ],
        "hex": "#000000"
      }
    },
    "locale-bar-blue": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.114,
          0.459,
          0.871
        ],
        "hex": "#1d75de"
      }
    },
    "plan-card-grey": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.141,
          0.141,
          0.141
        ],
        "hex": "#242424"
      }
    },
    "social-grey": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.133,
          0.137,
          0.149
        ],
        "hex": "#222326"
      }
    },
    "outline-grey": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.498,
          0.498,
          0.498
        ],
        "hex": "#7f7f7f"
      }
    },
    "nav-muted": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.851,
          0.855,
          0.863
        ],
        "hex": "#d9dadc"
      }
    },
    "legal-grey": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.702,
          0.702,
          0.702
        ],
        "hex": "#b3b3b3"
      }
    },
    "plan-sub-grey": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.655,
          0.655,
          0.655
        ],
        "hex": "#a7a7a7"
      }
    },
    "footer-grey": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.569,
          0.58,
          0.588
        ],
        "hex": "#919496"
      }
    },
    "student-mint": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.569,
          0.933,
          0.855
        ],
        "hex": "#91eeda"
      }
    },
    "duo-peach": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          0.631,
          0.471
        ],
        "hex": "#ffa178"
      }
    },
    "family-lilac": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.847,
          0.639,
          1
        ],
        "hex": "#d8a3ff"
      }
    },
    "audiobooks-sage": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.788,
          0.89,
          0.859
        ],
        "hex": "#c9e3db"
      }
    },
    "reserved-periwinkle": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.341,
          0.427,
          0.839
        ],
        "hex": "#576dd6"
      }
    },
    "dj-blue": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.051,
          0.447,
          0.918
        ],
        "hex": "#0d72ea"
      }
    },
    "video-orange": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.839,
          0.251,
          0
        ],
        "hex": "#d64000"
      }
    },
    "daylist-violet": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.451,
          0.345,
          1
        ],
        "hex": "#7358ff"
      }
    },
    "jam-magenta": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.8,
          0.184,
          0.686
        ],
        "hex": "#cc2faf"
      }
    },
    "blend-green": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.031,
          0.522,
          0.412
        ],
        "hex": "#088569"
      }
    },
    "content-card-green": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.012,
          0.325,
          0.255
        ],
        "hex": "#035341"
      }
    },
    "content-icon-green": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.063,
          0.698,
          0.557
        ],
        "hex": "#10b28e"
      }
    },
    "guide-example-yellow": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.988,
          0.898,
          0.31
        ],
        "hex": "#fce54f"
      }
    },
    "guide-example-lavender": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.851,
          0.835,
          0.89
        ],
        "hex": "#d9d5e3"
      }
    },
    "guide-example-cyan": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0,
          1,
          1
        ],
        "hex": "#00ffff"
      }
    },
    "button-primary-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.118,
          0.843,
          0.376
        ],
        "hex": "#1ed760"
      }
    },
    "button-primary-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0,
          0,
          0
        ],
        "hex": "#000000"
      }
    },
    "button-nav-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.118,
          0.843,
          0.376
        ],
        "hex": "#1ed760"
      }
    },
    "button-nav-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0,
          0,
          0
        ],
        "hex": "#000000"
      }
    },
    "button-outline-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.071,
          0.071,
          0.071
        ],
        "hex": "#121212"
      }
    },
    "button-outline-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "button-outline-ring": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.498,
          0.498,
          0.498
        ],
        "hex": "#7f7f7f"
      }
    },
    "button-plan-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.118,
          0.843,
          0.376
        ],
        "hex": "#1ed760"
      }
    },
    "button-plan-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0,
          0,
          0
        ],
        "hex": "#000000"
      }
    },
    "button-sage-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.788,
          0.89,
          0.859
        ],
        "hex": "#c9e3db"
      }
    },
    "button-sage-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0,
          0,
          0
        ],
        "hex": "#000000"
      }
    },
    "offer-timer-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "play-pause-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "plan-badge-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0,
          0,
          0
        ],
        "hex": "#000000"
      }
    },
    "plan-card-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.141,
          0.141,
          0.141
        ],
        "hex": "#242424"
      }
    },
    "plan-card-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "feature-card-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "content-card-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.012,
          0.325,
          0.255
        ],
        "hex": "#035341"
      }
    },
    "content-card-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "social-button-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.133,
          0.137,
          0.149
        ],
        "hex": "#222326"
      }
    },
    "social-button-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "text-link-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    }
  },
  "font": {
    "display": {
      "$type": "fontFamily",
      "$value": [
        "Unbounded",
        "Arial Black",
        "system-ui",
        "sans-serif"
      ]
    },
    "display-original": {
      "$type": "fontFamily",
      "$value": [
        "Spotify Mix Title"
      ],
      "$description": "Spotify's own face (Proprietary (Spotify)). The stand-in above is the open alternative."
    },
    "body": {
      "$type": "fontFamily",
      "$value": [
        "Hanken Grotesk",
        "system-ui",
        "Helvetica Neue",
        "Helvetica",
        "Arial",
        "sans-serif"
      ]
    },
    "body-original": {
      "$type": "fontFamily",
      "$value": [
        "Spotify Mix"
      ],
      "$description": "Spotify's own face (Proprietary (Spotify)). The stand-in above is the open alternative."
    }
  },
  "typography": {
    "hero-headline-h1": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.display}",
        "fontSize": {
          "value": 118,
          "unit": "px"
        },
        "fontWeight": 900,
        "lineHeight": 1.297,
        "letterSpacing": {
          "value": -1.18,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 37,
          "family": "Unbounded",
          "provenance": "observed"
        }
      }
    },
    "hero-keyword-h1-3rd-line": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.display}",
        "fontSize": {
          "value": 118,
          "unit": "px"
        },
        "fontWeight": 900,
        "lineHeight": 1.297,
        "letterSpacing": {
          "value": -1.18,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 37,
          "family": "Unbounded",
          "provenance": "observed"
        }
      }
    },
    "section-headline-h2": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.heading}",
        "fontSize": {
          "value": 66,
          "unit": "px"
        },
        "fontWeight": 800,
        "lineHeight": 1.167,
        "letterSpacing": {
          "value": -1.32,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 50,
          "provenance": "observed"
        }
      }
    },
    "section-sub-h3": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.heading}",
        "fontSize": {
          "value": 24,
          "unit": "px"
        },
        "fontWeight": 350,
        "lineHeight": 1.2,
        "letterSpacing": {
          "value": -0.24,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 24,
          "provenance": "observed"
        }
      }
    },
    "manifesto-headline": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.heading}",
        "fontSize": {
          "value": 48,
          "unit": "px"
        },
        "fontWeight": 400,
        "lineHeight": 1.2,
        "letterSpacing": {
          "value": -0.96,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 32,
          "provenance": "observed"
        }
      }
    },
    "manifesto-body": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.heading}",
        "fontSize": {
          "value": 32,
          "unit": "px"
        },
        "fontWeight": 350,
        "lineHeight": 1.15,
        "letterSpacing": {
          "value": -0.32,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 24,
          "provenance": "observed"
        }
      }
    },
    "feature-card-title": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 32,
          "unit": "px"
        },
        "fontWeight": 800,
        "lineHeight": 1.2,
        "letterSpacing": {
          "value": -0.64,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 32,
          "family": "Hanken Grotesk",
          "provenance": "observed"
        }
      }
    },
    "eyebrow-premium-with-icon": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 20,
          "unit": "px"
        },
        "fontWeight": 750,
        "lineHeight": 1.2,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 20,
          "family": "Hanken Grotesk",
          "provenance": "observed"
        }
      }
    },
    "feature-grid-card-label": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 20,
          "unit": "px"
        },
        "fontWeight": 750,
        "lineHeight": 1.2,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 20,
          "family": "Hanken Grotesk",
          "provenance": "observed"
        }
      }
    },
    "body": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 16,
          "unit": "px"
        },
        "fontWeight": 450,
        "lineHeight": 1.375,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 16,
          "family": "Hanken Grotesk",
          "provenance": "observed"
        }
      }
    },
    "button-label": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 16,
          "unit": "px"
        },
        "fontWeight": 750,
        "lineHeight": 1.375,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 16,
          "family": "Hanken Grotesk",
          "provenance": "observed"
        }
      }
    },
    "plan-name": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 32,
          "unit": "px"
        },
        "fontWeight": 750,
        "lineHeight": 1.45,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 32,
          "family": "Hanken Grotesk",
          "provenance": "observed"
        }
      }
    },
    "legal-fine-print": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 12,
          "unit": "px"
        },
        "fontWeight": 450,
        "lineHeight": 1.42,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 12,
          "family": "Hanken Grotesk",
          "provenance": "observed"
        }
      }
    },
    "footer-column-head": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 12,
          "unit": "px"
        },
        "fontWeight": 900,
        "lineHeight": 1.4,
        "letterSpacing": {
          "value": 0.96,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 12,
          "family": "Hanken Grotesk",
          "provenance": "observed"
        }
      }
    },
    "footer-link": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 16,
          "unit": "px"
        },
        "fontWeight": 450,
        "lineHeight": 1.5,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 16,
          "family": "Hanken Grotesk",
          "provenance": "observed"
        }
      }
    },
    "nav-link": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 16,
          "unit": "px"
        },
        "fontWeight": 750,
        "lineHeight": 1.5,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 16,
          "family": "Hanken Grotesk",
          "provenance": "observed"
        }
      }
    },
    "moments-photo-caption": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.heading}",
        "fontSize": {
          "value": 16,
          "unit": "px"
        },
        "fontWeight": 300,
        "lineHeight": 1.2,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 13,
          "provenance": "observed"
        }
      }
    },
    "offer-timer-label": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 14,
          "unit": "px"
        },
        "fontWeight": 450,
        "lineHeight": 1.43,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 14,
          "family": "Hanken Grotesk",
          "provenance": "observed"
        }
      }
    }
  },
  "space": {
    "page-margin": {
      "$type": "dimension",
      "$value": {
        "value": 160,
        "unit": "px"
      }
    },
    "page-margin-phone": {
      "$type": "dimension",
      "$value": {
        "value": 16,
        "unit": "px"
      }
    },
    "section-padding": {
      "$type": "dimension",
      "$value": {
        "value": 256,
        "unit": "px"
      }
    },
    "section-padding-phone": {
      "$type": "dimension",
      "$value": {
        "value": 96,
        "unit": "px"
      }
    },
    "container-max": {
      "$type": "dimension",
      "$value": {
        "value": 1120,
        "unit": "px"
      }
    },
    "nav-height": {
      "$type": "dimension",
      "$value": {
        "value": 72,
        "unit": "px"
      }
    },
    "gutter": {
      "$type": "dimension",
      "$value": {
        "value": 32,
        "unit": "px"
      }
    }
  },
  "radius": {
    "button-primary": {
      "$type": "dimension",
      "$value": {
        "value": 999,
        "unit": "px"
      }
    },
    "button-nav": {
      "$type": "dimension",
      "$value": {
        "value": 999,
        "unit": "px"
      }
    },
    "button-outline": {
      "$type": "dimension",
      "$value": {
        "value": 999,
        "unit": "px"
      }
    },
    "button-plan": {
      "$type": "dimension",
      "$value": {
        "value": 999,
        "unit": "px"
      }
    },
    "button-sage": {
      "$type": "dimension",
      "$value": {
        "value": 999,
        "unit": "px"
      }
    },
    "offer-timer": {
      "$type": "dimension",
      "$value": {
        "value": 4,
        "unit": "px"
      }
    },
    "play-pause": {
      "$type": "dimension",
      "$value": {
        "value": 999,
        "unit": "px"
      }
    },
    "plan-badge": {
      "$type": "dimension",
      "$value": {
        "value": 6,
        "unit": "px"
      }
    },
    "plan-card": {
      "$type": "dimension",
      "$value": {
        "value": 10,
        "unit": "px"
      }
    },
    "feature-card": {
      "$type": "dimension",
      "$value": {
        "value": 24,
        "unit": "px"
      }
    },
    "content-card": {
      "$type": "dimension",
      "$value": {
        "value": 24,
        "unit": "px"
      }
    },
    "social-button": {
      "$type": "dimension",
      "$value": {
        "value": 999,
        "unit": "px"
      }
    }
  },
  "motion": {
    "button-press-easing": {
      "$type": "cubicBezier",
      "$value": [
        0.3,
        0,
        0,
        1
      ]
    },
    "button-press-duration": {
      "$type": "duration",
      "$value": {
        "value": 150,
        "unit": "ms"
      }
    },
    "keyword-cycle-duration": {
      "$type": "duration",
      "$value": {
        "value": 1500,
        "unit": "ms"
      }
    },
    "word-rise-duration": {
      "$type": "duration",
      "$value": {
        "value": 600,
        "unit": "ms"
      }
    },
    "card-stack-duration": {
      "$type": "duration",
      "$value": {
        "value": 600,
        "unit": "ms"
      }
    }
  }
}