Spotify: Premium Subscription Landing Page with Plan Comparison

Consumer · Landing Page

A long-scroll marketing landing page opens with a bold oversized headline over a dark hero image, then alternates full-bleed color sections (emerald, violet) and a tilted bento grid of feature cards before ending in a horizontal row of pricing plan cards. Visual hierarchy leans on dramatic type-scale contrast, mixed-italic display headings, and saturated section backgrounds that segment the narrative.

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-premium-subscription-landing-page-with-plan-comparison.

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
• Music Streaming Home with Logged-Out Browse Sidebar and Signup Banner
• Gallery / Showcase — Popular albums and singles header begins
• Gallery / Showcase — Popular artists circular portrait rail