text.display.heroInter 28/33 · 700 · -0.02em
Typography organises how interfaces are understood Users rarely read interfaces linearly.
text.subtitle.lgInter 15/23 · 400 · #888
Users rarely read interfaces linearly. They scan and interpret structure.
text.meta.smInter 12/16 · 400 · #bbb
June 1, 2024 3min read
text.heading.sectionInter 18/24 · 700
The Psychology of Scanning
text.body.mdInter 14/24 · 400 · #333
Most users follow specific scanning patterns, such as the F-Pattern or the Z-Pattern. Typography facilitates this by creating a clear sense of order. Without deliberate typographic choices, an interface becomes a "wall of text" that feels overwhelming and cognitively expensive to process.
text.lead.mdInter 15/23 · 600
Users rarely read interfaces linearly. They scan and interpret structure.
text.body.mdInter 14/24 · 400 · #333
In the world of UI design, words are more than just carriers of information; they are the architectural framework of the page. When a user lands on a screen, they aren't reading a novel from top-to-bottom. Instead, they are hunting for "anchors"—visual cues that tell them where they are and what they can do next.
text.heading.sectionInter 18/24 · 700
Conclusion
text.body.mdInter 14/24 · 400 · #333
Good typography is often invisible. When done correctly, the user finds exactly what they need without ever realizing they were being guided. By designing for the "scanner" rather than the "reader," we create interfaces that feel intuitive, efficient, and accessible.