Spotify: Music Streaming Home with Logged-Out Browse Sidebar and Signup Banner

Consumer · Dashboard

A dark, two-column streaming home screen pairs a left rail (Your Library prompts, legal links, language picker) with a scrollable main feed of horizontally arranged content rows for trending songs, popular artists, and albums. Square album-art cards and circular artist avatars create rhythm under bold section headers with "Show all" links, while a persistent top search bar and a sticky bottom gradient banner drives logged-out users to sign up free.

Open in Mozaika →

This is a static, crawlable rendering for search & AI engines. The interactive version — filters, live decode console, copy & export — is at https://mozaika.design/inspiration/spotify-music-streaming-home-with-logged-out-browse-sidebar-and-signup-banner.

Palette

Fonts

Page types

UX patterns

UI elements

Context

• All of Spotify

More from Spotify

• Banner — Bottom gradient Sign-up-free upsell banner
• CTA / Sign-up — 'Bring your music over' + glowing orb CTA
• Hero — Dark hero with giant 'home for music' headline
• Hero — Global top bar with logo, search field, Sign up / Log in
• Feature — Green 'Take us with you anywhere' use-cases
• Feature — Intro statement — Spotify as world's music hub
• Feature — 'Listen with your crew' social cards
• Bento Grid — 'Made for how you listen' colored card stack
• Pricing / Plans — Multi-tier pricing card grid
• Gallery / Showcase — Popular albums and singles header begins
• Gallery / Showcase — Popular artists circular portrait rail
• Premium Subscription Landing Page with Plan Comparison