Ten MOST common typography mistakes in UI/UX

Text is an essential part of user interfaces. Arguably, it's the most important thing.

In literary theory, a text is any object that can be "read", whether this object is a work of literature, a street sign, an arrangement of buildings on a city block, or styles of clothing.

In this video, I'm talking about 10 UI/UX Tips related to the text. Most of them are not complicated at all, but still, they might be helpful.

Don't take everything literally, there can be exceptions to every rule.


00:00 Intro
00:22 Tip #1: Contrast
02:00 Tip #2: Image Overlays
02:20 Tip #3: Container Width
03:08 Tip #4: Line Height
03:36 Tip #5: Black Color
04:05 Tip #6: Center Text
04:39 Tip #7: Proximity Law
05:18 Tip #8: Links
05:50 Tip #9: Font Size
06:52 Tip #10: Simplicity
07:33 Afterward


1. Proximity Law https://lawsofux.com/law-of-proximity/
2. Contrast Checker https://webaim.org/resources/contrastchecker/
3. Same tips but in a Tweet https://twitter.com/vponamariov/status/1452659624855887878
4. WCAG https://www.w3.org/WAI/standards-guidelines/wcag/

If you want more tips, check out

- My Twitter: https://twitter.com/vponamariov
- My Newsletter: https://user-interface.io/
Web design
Be the first to comment