Introducing Qonto’s new dark mode via the dashboard

Hello Dribbblers ??

With our dashboard revamp, we wanted to take our automotive cockpit metaphor one step further by introducing a new color universe. And bringing a “behind the scenes” feeling to our clients when they monitor their business performance. The perfect opportunity for us to deliver something that’s been requested for a long time: dark mode. ??

We approached the subject by focusing on three main color topics:

- A themed perspective - moving from classifying colors by their tones to a semantic approach, based on their meanings or ways they’re used in our interfaces.

- Color adjustments - by desaturating the boldest ones in order to reduce eye strain and provide the highest levels of accessibility.

- An elevation principle for each pattern - to always keep the elements on top lighter than the ones layered below, whether in dark or light mode. Just like in real life.

?? Share your thoughts and press ?? to save it!

Special thanks to @alexisriols, @marionechevard and @lucassteuperaert for this overall project. Thrilled to have joined you on this path!

—

?? Ready for a new challenge? Qonto is hiring brand designers and product designers in Paris ????, Barcelona ????, Berlin ????, Milano ????. At Qonto, we also take seriously spontaneous applications.