Midnight Broadcast
Podcast App UI Design Template
Earwave is a podcast app UI with a warm late-night broadcast look, built for founders and designers shipping an audio or learning app.



画面を探索
podcastモバイルアプリデザインをプレビュー。Sleekで完全に編集可能です。
Podcast Appについて
Earwave is a podcast app UI design template built around a "Midnight Broadcast" aesthetic: a near-black charcoal base, warm bone-white text, and a clay-coral accent reserved for the playing state, waveform, and play button. Surfaces stack as tonal bands rather than hard cards, square cover tiles float with a subtle warm glow, and a dim sage tone marks secondary tags, so every screen feels like a radio booth glowing in the dark.
The template ships six connected screens that form a full listening flow: a personalised Listen Now home, a show detail page with subscribe and episode tabs, a Now Playing screen with an animated coral waveform scrubber, an episode notes view with timestamped chapters, a search screen with topic chips and a cover grid, and a library that tracks your queue, downloads, and history. A persistent floating mini-player capsule sits above an icon-only nav rail, and the waveform ribbon recurs as the player progress and scrubber.
Use it in Sleek and make it yours: restyle the palette, edit any screen with AI by describing the change, and add the flows your product needs. Then export to code, copy into Figma with no plugin, or hand a prompt to an AI agent to build it for real, far faster than starting from a blank canvas.
含まれる画面
Listen Now
A personalised home greeting ("Tonight, Sam") over a large featured episode hero with a clay play button, followed by a Continue Learning row with progress bars and a persistent mini-player capsule. The browse-and-resume entry point.
Show Detail
A full-bleed neon cover backdrop with the show title, host name, a coral subscribe button, and tabs for Episodes, Curriculum, and Community. Each episode row shows its number, date, duration, and download control.
Now Playing
Crisp square cover art centered above an animated coral waveform scrubber with tabular timestamps, plus skip and play controls and a sleep-timer option. The signature playback experience.
Episode Notes
A scrollable Insights view with core lessons, actionable timestamped chapter links, and an expert-guest card with portrait and role. Helps listeners jump to the part they want.
Search
A topics search bar over interest chips like Startups, Psychology, and Coding, with a Browse Topics grid of photographic cover tiles. The discovery surface for new shows.
Library
A "Your Growth" library with Curated, Downloads, and Shows tabs, a learning queue with progress and delete controls, and quick access to Favorites and History. Manages everything the listener has saved.
主な機能
- Midnight Broadcast aesthetic: charcoal base, bone-white text, clay-coral accent
- Tonal stacked surfaces separated by warm-gray bands, no hard cards
- Animated coral waveform scrubber recurring across player and rows
- Persistent floating mini-player capsule above an icon-only nav rail
- Condensed grotesque show titles with tabular-mono timestamps
- Featured episode hero with progress-tracked continue rows
- Topic-chip search over a photographic cover grid
- Episode notes with timestamped chapter links and guest cards
誰向けか
何が作れるか
- Launch an MVP for a podcast or audio-course app
- Mock up screens for an investor or stakeholder pitch
- Hand a consistent dark-mode UI off to developers
- Explore a redesign of an existing podcast app
このテンプレートの使い方
- 1
テンプレートを開く
画面をブラウズし、フルデザインをプレビューして、アイデアに合うか確認しましょう。
- 2
このテンプレートを使う
ワンクリックで、完全に編集可能な自分用のコピーをSleekで開けます。
- 3
AIで編集
パレットの変更、レイアウトの調整、画面の追加や削除も、欲しいものを説明するだけでできます。
- 4
エクスポートして公開へ
デザインをエクスポートするか開発者に渡し、ローンチに向けて作り続けましょう。
疑問にお答えします。 始める前に知っておきたいことを、すべてまとめました。
How do I build a podcast app from this template?
What screens are included in this podcast app UI design?
Can I customize the podcast app UI design?
Is this podcast app design template free to use?
Can I export the design to code or Figma?
Can this template work for an audio learning or self-improvement app?
ほかにご質問があれば、support@sleek.designまでご連絡ください。
podcastアプリのデザインを始める
Sleekで使って、自分好みに仕上げましょう。パレットを変えたり、どの画面もAIで編集したり、コードやFigmaにエクスポートしたりできます。








