When working with text, the designer’s main task is not to do any harm. It is better to prefer familiar and time-tested solutions, like black letters on a white background, than to complicate the design and put too much color, variety, and decoration into the text, which will only distract and interfere.

Nevertheless, the text should be readable and appealing, especially if it is an interface that sells services or products. Quality work on the text’s color, alignment, and balance helps create a better impression on the user and generate more trust.


The letters are usually thinner in serif fonts than in sans-serif so that you can use pure black text on a white background. This does not make the letters too contrasty. For sans, it’s okay to tone down the black a bit.

The serif text is in pure black color. Sans-serif is in #333 color.


On dark backgrounds, especially on black, it is almost always worth reducing the contrast of white or making the dark background less dark, especially if the font’s letter design is substantially thick.

It’s good if the white text is slightly muted on black or the black background is less dark.


White text on a dark background looks exciting. Still, it is more suitable for short texts and individual interface blocks when you want to attract attention and diversify content presentation. Long texts can be challenging to read on a dark background, and finding a balance is crucial to make it work well.

The colored text raises questions and looks strange. Instead, colored text is more appropriate to show feedback, such as messages about errors or the success of data completion. But it would be best to be careful when choosing colors; some require cautious work. Green, for example, will almost always need more black to make the text read well.

Colored text requires attention to shade to keep good readability. It is the correct version of green on the right.


Color text requires special attention and mandatory testing on different screens and devices. Otherwise, it may turn out to be poorly unreadable.


Center-aligned text is only suitable for short lines and three or four lines at most. If you have a lot of text, it’s hard to read when you center it.

A short text of a couple of lines in the center is good. Long text with center alignment is terrible.


Generally, it is better to prefer left or right alignment for languages that read from right to left for readability. This makes the design more elegant and always easier to read.


Images are the easiest way to add variety and appeal to text. But sometimes, you may not have an illustration for content, so many small solutions can give variety and attract users to read. These are primarily lists and quotes, but more subtle ways work well and help make the text stand out.

Little tweaks and tricks make the text appealing to read.


To read a long text in a single column is normal, and variety does not always make sense. It is terrible when everything is flashing and flickering, and the text is constantly interrupted by irrelevant callouts and overly bright and colored blocks.

We read books and long articles if they are excellent and exciting texts and have no problems. So variety is a delicate job and requires careful thought and understanding of the task.


If you make an interface for different languages, it is essential not to forget the text written in hieroglyphics; it usually requires a slightly increased line spacing value.

Line spacing varies for different languages.


If text follows an image, video, or table, it’s worth increasing the distance to the paragraph. This will give a nice pause between the different data types and make it easier for users to switch back to text.

It is good to pause between the image and the next paragraph.


If an image, video, or table has a caption, the distance to the text can be increased even further. In this case, the caption will not conflict with the following paragraph.

If there is a caption, the pause can be even larger.


Text is one of the most essential components of an interface. Text design can affect the usability of the UI. Therefore, it is worth paying attention to detail and testing decisions, especially in those interfaces that will work on different screens and devices.