Landing page dark mode looked great until my client loaded it on a cheap monitor at Starbucks

So I designed this whole elegant dark mode for a client's restaurant site. Deep charcoal backgrounds, soft off-white text, subtle gradients. Looked perfect on my nice IPS display at home. Then the client sends me a photo from a Starbucks in Denver where they're testing it. Everything was just a muddy gray blob. Apparently on a $150 TN panel with bad viewing angles, all those careful color choices just turn into soup. I had to go back and bump up contrast ratios way higher than I wanted. Now it might look a tiny bit harsh on good screens but at least it's readable everywhere. Anyone else deal with this where your design falls apart on someone's crappy laptop from 2016?

2 comments

2 Comments

veraramirez3d ago

Is it really that deep though? People have been reading websites on bad screens for years and somehow managed. Maybe it just needs to be readable enough and you're overthinking the whole "deep charcoal" thing.

diana_bell743d ago

Youre right that people read on bad screens before, but that was back when screens were SMALLER and lower resolution. Now we have GIANT retina displays and high contrast OLEDs that make these choices actually matter. The problem isnt that users "managed" to read it, its that theyll LEAVE if the reading experience feels like work. Deep charcoal on white isnt just about being readable enough, its about reducing eye strain over a whole session. A slightly lighter gray forces your eyes to work harder for hours and thats just bad design if you want people to stay. There is actual research on this, not just designer fussiness.