BRAND Spotify 2026 · Page: download

HEADER brand: Spotify; design_date: 2026-10; page_type: download; variants: /download/windows, /download/ios (selected by the device) region: US. Via Google Translate proxy; proof "market":"us", "locale":"us" in page data, path /us/. Note: no explicit country field here, unlike Premium and signup. example_urls: https://www.spotify.com/us/download/windows/; evidence: measured on that URL 2026-10-30 unless marked; timings recorded live from transitionrun events purpose: install the app skeleton: container 1170, 3 sections, total height desktop 1917, mobile 2561; sidebar none overrides: bg #121212 body, white band in the middle; page uses SpotifyMixUITitle 700 for H2 SECTIONS S0 chrome: announcement bar, header (nav items dimmed on load until hydrated, est); Overview S1 hero / full-bleed-image - install background: photo cover, position center 15%, overlay dark; height: min 528 desktop, 483 mobile layout: centered stack elements: H1 "Download Spotify" white 48/700 (est); subtitle 20/700 (est); Microsoft Store badge (third party, about 200 x 64); link "Download directly from Spotify" 16/400 underlined, computed rgb(158,158,255), an unstyled browser link copy: "Play millions of songs and podcasts on your device." media: [LIFESTYLE PHOTO]; badge language follows the browser language motion: see INTERACTIONS; the white "Download" pill on phones was not recorded, button rule from Overview by component responsive: on phones the badge becomes a white pill "Download" 48 tall S2 features / store badges background: #ffffff; padding: 70 15 layout: centered text, row of 4 badges, margin 10 each elements: H2 32/700 black; text 16; App Store, Google Play, Microsoft, Amazon appstore badges about 120 x 40 copy: "Listen on mobile and tablet, too", "Using Spotify on your phone or tablet is free, easy, and fun." media: third-party store badges, black motion: none, see INTERACTIONS responsive: this section is hidden on phones (not visible in the 390 capture) S3 features / platform band background: image with cherries and music notes on violet; height: 428 desktop, 682 mobile (padding 64 24 32 mobile, 0 56 16 desktop) layout: bottom-aligned center stack elements: H2 white 32/700 "One account, listen everywhere"; list of bold links 14/700 white, in a row (column on mobile) copy: Mobile, Computer, Tablet, Car, PlayStation, Xbox, TV, Speaker, Web Player media: [ILLUSTRATION 3D objects] motion: see INTERACTIONS responsive: stacked list, 682 tall S4 chrome: footer as Overview PAGE COMPONENTS Store badges (third party). Platform link list. INTERACTIONS - id: dl.platform-link element: Car, PlayStation, Xbox, TV, Speaker, Web Player (Mobile, Computer, Tablet are plain text) trigger: hover open: color #fff -> #1ed760, 50ms, delay 0, cubic-bezier(.3,0,0,1); no underline, no scale close: color #1ed760 -> #fff, 150ms, same curve - id: dl.direct-link element: "Download directly from Spotify" trigger: hover open: no transition events and no style change recorded - id: dl.store-badges element: four badges in S2 trigger: hover open: no transition events and no style change recorded: no scale, no opacity - id: dl.ms-badge element: Microsoft Store badge in S1, a third-party iframe note: nothing recorded from the parent page; its inner hover is not part of this design Page redirects /download/ to a platform path by user agent. STATES none. Keyboard focus and press on this page were not recorded. SCREENSHOTS - file: spotify_2026_download_d1440_full.jpeg shows: full page at 1440 with the badge in English (browser language forced to en-US for the capture) source: live, US via proxy, 2026-10-30 key values: hero 528; white band padding 70; band 428 do not copy: photo, illustration, badges - file: spotify_2026_download_m390_full.jpeg shows: full page at 390, ios variant source: live, US via proxy, 2026-10-30 key values: white "Download" pill; band 682 do not copy: photo, illustration