Logo

UI/UX

Increasing readability on a dark-themed website or application.

Aar Rafi Bin Hasnat

Aar Rafi Bin Hasnat

· 1 min read
Dark mode interface design with grid pattern, showcasing improved readability for dark-themed websites

As more and more people are liking dark mode and think that it's more of a mood than a feature, it's high time that we take it into consideration and make adjustments to our websites/applications. While choosing appropriate images, perfect tones, and colors that best communicate our brands is a thing, we shouldn't overlook what makes a great user experience. Fast loading speed, first contentful paint, onload time, identical sections - same heights, same widths everything is important in making an eye-catchy website; however, we should also take the texts' readability into account.

What we often do is, choose white text on a black background and black text on a white background. Well, there's nothing wrong with it and it's completely fine if you choose any other color (dark on light & light on dark). Aside from this practice, we should also try out a new thing and that is to reduce the opacity of light-colored text on a dark background. This is because it makes it relatively easier to read light-colored text on a dark background as it reduces eye strain.

So what makes a great user experience on a dark-themed website or application? Perfect design, seamless sections, and soothing texts.

Aar Rafi Bin Hasnat

About Aar Rafi Bin Hasnat

Meet Aar, a jack of all trades and CEO-turned-Head Trouble-Maker at The Run Digital (a controversial Web Marketing Agency). He leads a team of laid-back marketers and coders who somehow get the job done. Let’s grab a coffee and chat!

© 2024 The Run Digital. All rights reserved