Podcast App - Dark Mode
Project Overview
For this project, I designed a podcast app in dark mode to provide a comfortable listening and browsing experience, especially during low-light use.
Since many users prefer dark mode to reduce eye strain and improve readability, I prioritized accessibility by ensuring all colors meet WCAG contrast standards.
Design Choices
The design uses a dark background instead of pure black to reduce glare, paired with white and light gray text for hierarchy and readability.
A vibrant indigo accent highlights active states and CTA elements, ensuring scannability.
Key screens
Home - Personalized recommendations and categories for quick discovery.
Now Playing - Large cover art, clear controls, and progress tracking for focus.
Library - Organized sections for easy navigation.
Settings - Clear mode switch placement with simple options for customization.
Every decision — from color palette to layout — was made to create a visually engaging, accessible, and user-friendly dark mode podcast experience.
Reviews
5 reviews
Your podcast app design shows a good understanding of dark mode. The choice of a dark gray background instead of pure black is smart because it reduces glare and feels more comfortable for the eyes. Using white and gray text makes the content clear, and the indigo accent color adds a nice highlight for important actions.
The layout of the main screens is clean and easy to follow, and it is great that you focused on accessibility by keeping contrast levels high. This makes the app usable for more people.
To improve, you could refine the typography with stronger text hierarchy, add small animations for smoother interactions, and make sure font sizes and touch areas are fully accessible. The Now Playing screen could also feel more immersive with background effects from the cover art.
Overall, it is a solid and user friendly dark mode design that can become even stronger with a few extra details.
Very interesting primary color. Clean and user-friendly interface. Here are some points I want to highlight for improvements.
- I personally didn't see the difference between the Home page and the Discovery page; they seem pretty similar to me.
- I'd suggest hiding the share and download buttons inside the "More actions" menu or placing them near the button, as they are secondary actions, and users will interact with them rarely.
- It's hard to read the timing information in the timeline, so I recommend changing their color to a more accessible one.
- The cover image is very beautifully crafted, but its necessity in the podcast app is minimal (mainly for quick recognition of the podcast). Replacing it with the podcast title (which I believe is located above the tab bar) and making the playlist text primary would be much more beneficial in terms of accessibility.
This is an excellent example of functional, accessible podcast app design. I appreciate the dark mode–first approach; if you added a light mode alongside it, users would quickly see how much more effective dark mode is. The indigo accent works beautifully with the dark palette, though lighter shades of indigo could enhance the look even more. Overall, this UI is clean, intuitive, and self-explanatory. Great job—keep it up!
Sandeep, really nice clean dark mode design — the indigo accents pop well, and adding a quick light mode comparison could highlight just how strong your choices are.
The colors used are nice and the layout looks clean! Keep up the good work
You might also like

Sojo NFT Marketplace

From Idea to Full-Stack Web App

Docto

Hulu Through My Eyes - A Cinematic UI Exploration (unofficial)

Fundraising Website
