Dark Mode Design for Audiobook App
For the dark mode design, I chose #1C1B1B. This deep, nearly black shade creates a soothing environment for users, minimizing eye fatigue during extended browsing sessions. To ensure the text remains legible and visually appealing, I utilized two shades of text color: #F5F5F5 for primary text and #E1E1E1 for secondary text.
The primary color for the app is #BB86FC, a soft yet vibrant shade of purple. To maintain a minimalist aesthetic and prevent the primary color from overwhelming the user interface, I applied it with 50% transparency.
I focused to design a clean and uncluttered interface, choosing modern, sans-serif fonts to enhance readability and maintain consistency. For the icons, I used a set from Uxcel, known for their simplicity and clarity.
Creating the dark mode was a challenging experience for me, as this was my first attempt. Despite the difficulties, I’m pleased with the outcome.
Reviews
1 review
Great work here also Ipek! I like how you explained your decision and sold it well.
I have only one question that popped in my mind :
- you seemed to use the purple color as an active and emphasis button. Do you feel the need to put on same position also the background of the cards? It might get you confused to understand all of the cards are hovered/active
Great vibes!
You might also like

Sneak

Heuristic Evaluation - Booking.com

User persona for TikTok

Empathy Map - Revolut
![UNIVERSALTAXPROFESSIONALS WEBSITE REVAMP [ Informational Website ]](https://users-content.uxcel.com/451aa544-1b86-419f-9120-5a6ac83f023f/briefs/universaltaxprofessionals-website-revamp-informational-website-thubmnail-8090-1756604786988.jpeg)
UNIVERSALTAXPROFESSIONALS WEBSITE REVAMP [ Informational Website ]
