Spotify is the streaming platform that makes all the music you'll ever need feel within reach. Its UI sinks into a near-black theme (#121212–#1f1f1f) so content leads, keeps Spotify Green (#1ed760) as a singular functional accent, and uses pill buttons and circular controls with wide-tracked uppercase labels.
ConsumerBold
Prompt Template
Base Template
Design a Spotify-inspired interface. - Near-black immersive dark theme (#121212–#1f1f1f) — UI disappears behind content; - Spotify Green (#1ed760) as singular brand accent — never decorative, always functional; - SpotifyMixUI/CircularSp font family with global script support; - Pill buttons (500px–9999px) and circular controls (50%) — rounded, touch-optimized; - Uppercase button labels with wide letter-spacing (1.4px–2px). Colors: #1ed760, #121212, #181818, #1f1f1f with #1ed760 accent.
Variant Prompts
📱 Mobile
Design a mobile app with Spotify aesthetics. Use Spotify color identity with #1ed760 accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with Spotify style. Use Spotify color identity with #1ed760 accents. Professional, responsive layout.
📊 Dashboard
Design a dashboard with Spotify design language. Use Spotify color identity with #1ed760 accents. Data-rich, organized, clear hierarchy.
📄 Landing Page
Design a landing page with Spotify visual identity. Use Spotify color identity with #1ed760 accents. Compelling, conversion-focused.
Usage Examples
Spotify App
WebBuild a web app with Spotify design language and #1ed760 color system.
Spotify Dashboard
DashboardCreate a dashboard using Spotify style with data visualization and modern typography.
✅ Best For
- Consumer
- Music streaming interfaces
- Dark entertainment products
❌ Avoid For
- Solemn compliance pages
- Dense data back offices
DESIGN.md File
A design system description in the open design.md format. Copy or download it and hand it to AI coding tools.