Dark mode is a reading preference, not a brand strategy. It helps in specific situations, such as apps used at night or tools people stare at for hours, but making a whole brand dark because it looks modern rarely helps anyone. Good dark mode design starts with your users and your brand system, then treats dark as one version of it, not the identity itself.
Why dark mode became a trend
Dark mode moved from developer tools into the mainstream when the major phone and desktop operating systems added system-wide dark themes. Apps followed, and soon websites started copying the look. Dark interfaces photograph well, they feel premium in a portfolio and they suggest technical sophistication. It is easy to see why brands reach for them.
The trouble is that a trend answers the question “what looks current?” A brand strategy answers different questions: who are we for, what do we want people to feel and how do we stand apart from competitors? When every startup in a category goes dark, dark stops being distinctive at all.
When dark mode design actually helps
There are good reasons to offer a dark theme. They are about context of use, not about image:
- Low-light use. Apps used at night or in dim rooms, such as streaming, reading or messaging, are more comfortable with less bright light on screen.
- Long sessions. Many people prefer dark themes in tools they use for hours, like code editors, dashboards and design software.
- Content that should stand out. Photography, video and visual portfolios can look striking against a dark background.
- User choice. Some people simply prefer it, and respecting a system setting is good manners.
- Battery on some screens. On OLED displays, dark pixels use less power, which can matter for apps open all day.
There is also an accessibility angle. Some people with light sensitivity, migraines or certain visual conditions find bright screens uncomfortable, and a dark option helps them. Equally, others find dark themes harder to read. That is the strongest argument for offering a choice rather than forcing either mode on everyone.
Notice that most of these point to apps and tools rather than marketing websites. Someone reading your services page for three minutes in the afternoon is not in the situation dark mode was designed for.
When dark mode hurts
Dark themes have real costs, and they fall hardest on text-heavy pages:
- Long-form reading. Many readers find light text on a dark background harder to read for long stretches, and some people with astigmatism notice letters appearing to blur or glow.
- Bright environments. In daylight or a bright office, dark screens reflect more and can be harder to see.
- Contrast mistakes. Designers often pick mid-grey text on near-black to look subtle, which fails accessibility contrast.
- Brand colour clashes. A colour chosen for white backgrounds can look harsh or muddy on dark ones.
- Forms and data. Inputs, tables and charts need careful work to stay clear in a dark theme.
Dark mode is a mode, not a brand
Your brand is the sum of your positioning, voice, typography, colour relationships and the experience people have with you. A background colour is one small part of that. Treat dark mode as a mode: a second rendering of the same brand system, tuned for different conditions.
There is a practical business reason too. Your brand appears in many places you do not control: search results, social previews, marketplaces, email clients, partner websites and printed materials. Many of these are light by default. A brand built only for a dark website has to be reworked for each of them, while a brand built as a system adapts naturally.
Think of how strong brands handle print. A logo has a version for light backgrounds and a version for dark ones, and both are unmistakably the same brand. Digital themes work the same way. If your brand only feels like itself in dark mode, it probably depends too much on atmosphere and not enough on distinctive typography, layout and voice.
If your brand disappears when someone switches the theme, the brand was the theme. That is not a strategy.
How to design both modes properly
When a product genuinely benefits from dark mode, the work is in the system, not in inverting colours.
Build colours as tokens
Define colours by role rather than by value: background, surface, text, muted text, border, accent. Each role gets a value for light mode and one for dark mode. Components use the roles, so switching mode changes every screen consistently. This is how our own sites are built: every colour comes from a shared set of presets, and a theme change touches the tokens, not hundreds of components.
Avoid pure black and pure white
Very dark greys or deep tinted colours are usually more comfortable than pure black, and they let you show depth with slightly lighter surfaces. Slightly softened white text reduces glare. Shadows barely show on dark backgrounds, so use lighter surfaces to signal elevation instead.
Re-tune brand colours
Your accent colour will likely need a lighter or less saturated version for dark backgrounds. Check every colour pairing against WCAG contrast: at least 4.5:1 for normal text and 3:1 for large text and key interface elements. Our free colour contrast checker makes this quick for each token pair.
Respect the user’s setting
On the web, the prefers-color-scheme media query tells you whether the visitor’s device is set to light or dark. Follow it by default, offer a visible toggle if your audience switches often, and remember their choice. Make sure images, logos and illustrations have versions that work on both backgrounds.
Dark sections versus dark sites
There is a middle ground that works well for many marketing sites: a light site with one deliberate dark band. A single dark section, for a key statement, a showcase or a call to action, creates contrast and focus without asking visitors to read everything in dark mode. It also gives the brand a memorable moment rather than a uniform mood. We use this approach on our own site, limiting each page to one dark band so it keeps its impact.
The key word is deliberate. A dark section should exist because the content benefits from emphasis, not because the template had one.
Questions to ask before going dark
Before you commit a brand or product to a dark-first look, answer these honestly:
- Where and when do our users actually use this product or read this site?
- Is most of our content long-form text, or visual and interactive?
- Does a dark look make us distinct in our category, or just like everyone else?
- Can our brand colours and typography pass contrast checks in both modes?
- Do we have the design system to maintain two modes, or will one be neglected?
Key takeaways
- Dark mode is a user preference for certain contexts, not a brand identity.
- It suits apps, tools and visual content used at length or in low light.
- Text-heavy marketing sites usually read better in a well-designed light theme.
- Build colours as role-based tokens with light and dark values, and test contrast.
- Make your brand recognisable in both modes through typography, layout and voice.
Planning a product with light and dark themes, or a rebrand that has to work everywhere? Our UI/UX design agency builds token-based design systems, and our brand identity team makes sure the brand holds up in every mode. Start a conversation.