Spotify — Hero

Consumer · Hero

Black bar with the green Spotify glyph, a home icon, a wide rounded search input reading 'What do you want to play?', and right-aligned Premium/Support/Download links plus Install App, Sign up, and a white pill Log in button.

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-global-top-bar-with-logo-search-field-sign-up-log-in.

Measured spec

Palette

Fonts

Page types

UX patterns

UI elements

Context

• Parent page: Premium Subscription Landing Page with Plan Comparison
• All of Spotify

Other sections on this page

• Gallery / Showcase — Trending songs album-art rail
• Gallery / Showcase — Popular artists circular portrait rail
• Gallery / Showcase — Popular albums and singles header begins
• Banner — Bottom gradient Sign-up-free upsell banner