Typography Anti-Patterns

This side uses element-level typography failures that can be highlighted directly in the detector lab.

Tight Leading

This paragraph has a line-height that is too tight for body copy. The lines press into each other and make scanning harder, especially once the text wraps across multiple lines in a production layout.

Tiny Body Text

This body text is set at 10px, which is too small for real reading content and should be reserved for neither primary copy nor explanatory product text.

All-Caps Body

This entire paragraph is transformed to uppercase, which removes useful word shapes and makes longer body copy feel like a shout instead of a readable passage.

Wide Tracking

This paragraph spreads every letter apart, a treatment that belongs on short labels at most, not on body copy that people need to read comfortably.

Justified Text

This paragraph uses justified alignment without automatic hyphenation. In narrow columns it creates uneven word spacing and distracting rivers through the text block.

Overused Font

Inter is also the dominant face on this side of the page, so the browser page-level detector has enough real text elements to show the global overused-font banner.