Spotify は音楽を手の届くものにするストリーミングプラットフォームです。UI はほぼ黒の没入型テーマ（#121212 から #1f1f1f）で UI をコンテンツの背後へと退かせ、Spotify Green（#1ed760）が唯一のブランドカラーとして常に機能的に使われます。書体は SpotifyMixUI／CircularSp で、ボタンは 500px から全ピル型まで、ラベルは大文字に広いトラッキングを適用します。音楽、コンテンツフィード、娯楽系プロダクトに適しています。
Spotifyメディアと消費
プロンプトテンプレート
基本テンプレート
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.
バリエーションプロンプト
📱 モバイル
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.
📊 ダッシュボード
Design a dashboard with Spotify design language. Use Spotify color identity with #1ed760 accents. Data-rich, organized, clear hierarchy.
📄 ランディングページ
Design a landing page with Spotify visual identity. Use Spotify color identity with #1ed760 accents. Compelling, conversion-focused.
使用例
Spotify アプリ
WebBuild a web app with Spotify design language and #1ed760 color system.
Spotify ダッシュボード
ダッシュボードCreate a dashboard using Spotify style with data visualization and modern typography.
✅ 適した用途
- コンシューマー製品
- 音楽ストリーミングの UI
- ダークな娯楽プロダクト
❌ 適さない用途
- 厳粛なコンプライアンスページ
- 密集したデータ管理画面
DESIGN.md ファイル
design.md オープン形式に準拠したデザインシステム記述。コピーまたはダウンロードして AI コーディングツールに渡せます。