The Visma Product Design team, working with Visma’s design language Nordic Cool, recently launched a new version of the design language; Nordic Cool 4. On top of the standard version, the team has now launched dark mode.
What is dark mode?
Most people have heard of this trend by now, and some of you may have tried switching to dark mode already. Or perhaps you have only come across it in entertainment services like Spotify and Netflix, who have been using dark mode as their default since before it had a name.
Dark mode is essentially a complementary mode to light mode, or the “standard version” as we refer to it as, that can be used to display a dark version of the user interface (UI), using light text on dark background. Dark mode reduces the light emitted by screens and conserves the energy of devices using OLED or AMOLED displays. When implemented correctly, dark mode can reduce eye strain, especially in low light conditions.
With this in mind, we want to emphasise that the standard version of Nordic Cool which uses dark text on light background, is better in terms of readability and can in fact be easier on the eyes in bright environments. The standard version of Nordic Cool will continue to be the default setting in Visma products, with the option for the user to switch to dark mode.
Nordic Cool dark mode and standard version
We want you, our customers and end-users, to feel at home when working with our products, regardless of if you are using them with the standard version of Nordic Cool or with dark mode. To make sure that would be the case, we needed to find a way for the Visma ambience to remain intact when that toggle button is pressed. The big challenge was to find the right colour to define the dark mode version of Nordic Cool, and, at the same time, keep the rest of the colour palette as untouched as possible. After a series of iterations and tests, we believe we have brought it home.
Made for everyone
In Visma we take pride in the fact that our colour palette has been AA compliant since 2013, in accordance with the Web Content Accessibility Guidelines (WCAG) 2.0. When creating dark mode, it was crucial to ensure that we deliver the same level of compliance. If you would like to read more about accessibility in relation to dark mode, we recommend this article from Nielsen Norman Group.
Soon in an app near you
The dark mode version of Nordic Cool will be implemented in a couple of products throughout the year, and we happily welcome your feedback. Whereas the standard version of Nordic Cool has been developed over 10+ years, the dark mode version is brand new, and we have a lot to learn.