Hi Friends! 👋
So what exactly is a dark mode first?
A dark mode is a night-friendly color theme that mainly focuses on using dimed/grey colors for surface and UI elements. Darker colors reflect less light while still providing a great reading experience. All thanks to the high contrast between sharp elements and subtle surfaces.
But how do you achieve this level of contrast? Of course, you'll need to pull some strings.
So here are my best practices to help you on your way to the dark side.
Plan your color use
Brand your dark color
Reduce color saturation
Ensure your dark mode contrast
Design light mode first
Use base colors to design dark mode
Don't overuse dark mode
🔔 Btw, in case you missed it. My upcoming eBook and design system for Figma is available for preorder.
Place your order and save 70% OFF on the final product now! 🔥