{
  "meta": {
    "source": "https://spotify.com",
    "domain": "spotify.com",
    "extractedAt": "2026-06-11T02:34:43.325Z",
    "tokenizedAt": "2026-06-11T05:02:28.768Z"
  },
  "colors": {
    "background": {
      "primary": "rgb(255,255,255)",
      "secondary": "rgba(255, 255, 255, 0.7)",
      "tertiary": "rgba(255, 255, 255, 0.7)"
    },
    "text": {
      "primary": "rgb(179, 179, 179)",
      "secondary": "rgb(18, 18, 18)",
      "muted": "#292929"
    },
    "accent": {
      "primary": "rgb(31, 31, 31)",
      "secondary": "rgb(16, 131, 147)"
    },
    "border": "rgb(179, 179, 179)",
    "shadow": "rgba(0,0,0,0.1)",
    "semantic": {
      "success": "#1ed760",
      "warning": "#ffa42b"
    }
  },
  "typography": {
    "fontFamily": {
      "primary": "SpotifyMixUI",
      "secondary": "CircularSp-Arab",
      "mono": "monospace"
    },
    "fontSize": {
      "xs": "10.5px",
      "sm": "14px",
      "base": "16px",
      "lg": "24px",
      "xl": "26px",
      "2xl": "30px",
      "3xl": "36px",
      "4xl": "48px"
    },
    "fontWeight": {
      "normal": "400",
      "medium": "700",
      "semibold": "700",
      "bold": "700"
    },
    "lineHeight": {
      "tight": "1.25",
      "normal": "1.5",
      "relaxed": "1.75"
    },
    "letterSpacing": {
      "tight": "-0.025em",
      "normal": "0em",
      "wide": "0.025em"
    }
  },
  "spacing": {
    "xxs": "2px",
    "xs": "4px",
    "sm": "8px",
    "md": "12px",
    "base": "16px",
    "lg": "24px",
    "xl": "32px",
    "2xl": "40px",
    "3xl": "64px"
  },
  "borderRadius": {
    "none": "0px",
    "xs": "4px",
    "sm": "8px",
    "md": "32px",
    "lg": "500px",
    "xl": "9999px",
    "full": "9999px"
  },
  "shadows": {
    "shadow-1": "rgb(128, 128, 128) 0px 0px 5px 0px",
    "shadow-2": "rgb(18, 18, 18) 0px 1px 0px 0px, rgb(124, 124, 124) 0px 0px 0px 1px inset",
    "shadow-3": "rgba(0, 0, 0, 0.5) 0px 2px 4px 0px",
    "shadow-4": "rgba(0, 0, 0, 0.5) 0px 8px 24px 0px",
    "shadow-5": "rgba(0, 0, 0, 0.3) 0px 8px 8px 0px"
  },
  "transitions": {
    "transition-1": "all",
    "transition-2": "right 0.3s",
    "transition-3": "background 0.5s cubic-bezier(0.3, 0, 0.4, 1)",
    "transition-4": "opacity 0.3s ease-in",
    "transition-5": "background-color 0.2s ease-in-out, color 0.2s ease-in-out"
  },
  "layout": {
    "maxWidth": "1955px",
    "headerHeight": "59px",
    "sidebarWidth": "1424px",
    "gap": "normal",
    "containerPadding": "0px"
  },
  "cssCustomProperties": {
    "--encore-overlay-drop-shadow": "0 4px 6px #0000004d",
    "--essential-announcement": "#1278f2",
    "--right-sidebar-width": "0",
    "--encore-control-size-larger": "56px",
    "--encore-layout-margin-tighter": "24px",
    "--text-negative": "#f3727f",
    "--background-base": "#121212",
    "--encore-text-size-smaller-2": ".75rem",
    "--background-elevated-press": "#191919",
    "--scrollAnimationRangeStart": "0px",
    "--content-spacing": "16px",
    "--os-viewport-percent": "0",
    "--encore-title-font-stack": "SpotifyMixUITitle,CircularSp-Arab,CircularSp-Hebr,CircularSp-Cyrl,CircularSp-Grek,CircularSp-Deva,Helvetica Neue,helvetica,arial,Hiragino Sans,Hiragino Kaku Gothic ProN,Meiryo,MS Gothic",
    "--encore-text-size-larger-3": "3rem",
    "--encore-shortest-1": "50ms",
    "--background-elevated-highlight": "#2a2a2a",
    "--encore-graphic-size-informative-smaller": "1rem",
    "--encore-text-size-larger-5": "6rem",
    "--encore-spacing-looser-4": "64px",
    "--encore-shortest-4": ".2s",
    "--start-gradient-color": "rgb(0, 0, 0)",
    "--cinema-canvas-distance-from-top": "0px",
    "--encore-productive-accelerate": "cubic-bezier(.8,0,1,1)",
    "--encore-layout-margin-looser": "64px",
    "--encore-corner-radius-larger-2": "8px",
    "--encore-graphic-size-decorative-smaller-2": "12px",
    "--encore-text-size-base": "1rem",
    "--encore-graphic-size-informative-smaller-2": ".75rem",
    "--encore-sidebar-base-width": "200px",
    "--encore-graphic-size-decorative-larger-5": "88px",
    "--encore-shortest-3": ".15s",
    "--encore-border-width-focus": "2px",
    "--encore-body-font-stack": "SpotifyMixUI,CircularSp-Arab,CircularSp-Hebr,CircularSp-Cyrl,CircularSp-Grek,CircularSp-Deva,Helvetica Neue,helvetica,arial,Hiragino Sans,Hiragino Kaku Gothic ProN,Meiryo,MS Gothic",
    "--encore-spacing-looser-6": "128px",
    "--decorative-subdued": "#292929",
    "--background-press": "#000",
    "--encore-border-width-thick": "4px",
    "--encore-border-radius-rounded": "9999px",
    "--encore-graphic-size-decorative-larger-3": "48px",
    "--essential-base": "#fff",
    "--encore-graphic-size-decorative-larger": "32px",
    "--essential-positive": "#1ed760",
    "--encore-border-width-hairline": "1px",
    "--encore-corner-radius-larger": "6px",
    "--essential-subdued": "#7c7c7c",
    "--encore-opacity-disabled": ".3",
    "--background-highlight": "#1f1f1f",
    "--text-subdued": "#b3b3b3",
    "--encore-productive-exit-duration": ".2s",
    "--encore-spacing-looser-5": "96px",
    "--encore-spacing-tighter-5": "2px",
    "--encore-border-width-thin": "2px",
    "--encore-graphic-size-decorative-larger-2": "40px",
    "--encore-variable-font-stack": "SpotifyMixUITitleVariable,CircularSp-Arab,CircularSp-Hebr,CircularSp-Cyrl,CircularSp-Grek,CircularSp-Deva,Helvetica Neue,helvetica,arial,Hiragino Sans,Hiragino Kaku Gothic ProN,Meiryo,MS Gothic",
    "--encore-opacity-active": ".7",
    "--encore-spacing-tighter-2": "8px",
    "--encore-corner-radius-base": "4px",
    "--encore-z-index-popover": "1060",
    "--encore-graphic-size-informative-larger-2": "2.5rem",
    "--text-warning": "#ffa42b",
    "--encore-layout-margin-base": "32px",
    "--encore-overlay-box-shadow": "0 4px 12px 0 #0000004d",
    "--essential-warning": "#ffa42b",
    "--encore-spacing-looser-2": "32px",
    "--encore-z-index-dialog": "1050",
    "--encore-short-1": ".25s",
    "--encore-text-size-larger-4": "4rem",
    "--encore-z-index-skiplink": "9999",
    "--decorative-base": "#fff",
    "--encore-button-hover-scale": "1.04",
    "--text-positive": "#1ed760",
    "--encore-short-2": ".3s",
    "--scrollAnimationRangeEnd": "0px",
    "--encore-bodyMono-font-stack": "SpotifyMixMono,CircularSp-Arab,CircularSp-Hebr,CircularSp-Cyrl,CircularSp-Grek,CircularSp-Deva,Helvetica Neue,helvetica,arial,Hiragino Sans,Hiragino Kaku Gothic ProN,Meiryo,MS Gothic",
    "--cinema-media-height": "0px",
    "--encore-text-size-large": "1.25rem",
    "--encore-graphic-size-informative-larger-3": "3rem",
    "--encore-graphic-size-informative-larger-4": "4rem",
    "--background-tinted-press": "#ffffff36",
    "--background-noise": "url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDAiIGhlaWdodD0iMzAwIj4KICAgPGZpbHRlciBpZD0ibiIgeD0iMCIgeT0iMCI+CiAgICAgIDxmZVR1cmJ1bGVuY2UgdHlwZT0iZnJhY3RhbE5vaXNlIiBiYXNlRnJlcXVlbmN5PSIwLjc1IiBzdGl0Y2hUaWxlcz0ic3RpdGNoIiAvPgogICAgICA8ZmVDb2xvck1hdHJpeCB0eXBlPSJzYXR1cmF0ZSIgdmFsdWVzPSIwIiAvPgogICA8L2ZpbHRlcj4KICAgPHJlY3Qgd2lkdGg9IjMwMCIgaGVpZ2h0PSIzMDAiIGZpbHRlcj0idXJsKCNuKSIgb3BhY2l0eT0iMC4wNSIgLz4KPC9zdmc+)",
    "--encore-productive-decelerate": "cubic-bezier(0,0,.2,1)",
    "--fallback-fonts": "Helvetica Neue,helvetica,arial,Hiragino Sans,Hiragino Kaku Gothic ProN,Meiryo,MS Gothic",
    "--encore-control-size-base": "48px",
    "--encore-productive-exit": ".2s/**/cubic-bezier(.8,0,1,1)",
    "--encore-focus-box-shadow": "0 3px 0 0",
    "--encore-corner-radius-smaller": "2px",
    "--left-sidebar-width": "232",
    "--encore-spacing-tighter-4": "4px",
    "--encore-control-size-smaller": "32px",
    "--text-announcement": "#539df5",
    "--encore-graphic-size-informative-larger": "2rem",
    "--background-elevated-base": "#1f1f1f",
    "--os-scroll-percent": "0",
    "--end-gradient-color": "rgb(0, 0, 0)",
    "--background-tinted-highlight": "#ffffff24",
    "--cinema-canvas-height": "0px",
    "--marquee-width": "0px",
    "--encore-text-size-larger-2": "2rem",
    "--encore-graphic-size-decorative-base": "24px",
    "--cinema-media-distance-from-top": "0px",
    "--background-tinted-base": "#ffffff1a",
    "--encore-spacing-looser": "24px",
    "--encore-productive": "cubic-bezier(.3,0,0,1)",
    "--encore-text-size-larger": "1.5rem",
    "--gradient-color-bottom": "rgb(24, 24, 24)",
    "--encore-corner-radius-larger-3": "16px",
    "--encore-graphic-size-decorative-smaller": "16px",
    "--essential-negative": "#ed2c3f",
    "--encore-shortest-2": ".1s",
    "--encore-graphic-size-informative-base": "1.5rem",
    "--top-bar-z-index": "1",
    "--content-max-width": "1955px",
    "--encore-graphic-size-decorative-larger-4": "64px",
    "--text-bright-accent": "#1ed760",
    "--encore-spacing-tighter": "12px",
    "--encore-spacing-looser-3": "48px",
    "--essential-bright-accent": "#1ed760",
    "--encore-spacing-base": "16px",
    "--encore-border-width-thicker": "8px",
    "--encore-productive-enter": ".25s/**/cubic-bezier(0,0,.2,1)",
    "--onboarding-circle-percentage": "0%",
    "--encore-graphic-size-informative-larger-5": "5.5rem",
    "--encore-spacing-tighter-3": "6px",
    "--text-base": "#fff",
    "--encore-text-size-smaller": ".875rem",
    "--encore-text-size-smaller-3": ".625rem",
    "--parents-essential-base": "#fff",
    "--above-everything-except-now-playing-bar-z-index": "5",
    "--os-viewport-overflow-y": "scroll",
    "--os-viewport-overflow-x": "hidden",
    "--main-view-grid-width": "100cqw",
    "--os-vah": "0",
    "--onboarding-search-grid-area-z-index": "calc(7 + 1)",
    "--os-vaw": "0",
    "--above-everything-grid-area-z-index": "7",
    "--zoom-level": "100",
    "--panel-gap": "8px",
    "--now-playing-bar-grid-area-z-index": "calc(5 + 1)",
    "--left-sidebar-grid-area-z-index": "4"
  }
}