Dark Mode Design for the Entertainment Product

Platform for browsing and purchasing tickets for modern and interactive art events.

As part of the task to create an entertainment platform, I decided to take a unique approach that wouldn't be the first thing that comes to your mind when you hear entreatment. I chose to design a platform dedicated to exploring and purchasing tickets for modern and interactive art events.

Given that the platform focuses on art events, the UI has minimalist style, directing the user’s attention to the content. By keeping the interface clean and simple, I ensure that the artwork is the primary focus, creating an environment where users can engage deeply with the content without distractions.

Flow consists of 3 simple screens: Overview of attending events, event details and ticket view.

Color Palette

Saturated colors, which might look great on light surfaces, can visually vibrate against dark backgrounds, making them harder to read. To counteract this, I desaturated primary color slightly to ensure it stands out sufficiently against the dark background without causing discomfort.

The text follows clear guidelines for emphasis, with high-emphasis text at 87% opacity and medium-emphasis text at 60% opacity, ensuring readability in dark mode. 

Color palette was created using variables with color tokens to maintain consistency and WCAG standards.

Dark Mode Screens

In dark mode, I focused on reducing eye strain while preserving the clarity and emphasis of the artworks displayed. The UI remains minimalist, with a color palette that ensures the artwork remains the center of attention.

On the link you can access the light and dark mode prototype.