How to Rank Information with Typographic Hierarchy

๐ŸŽจ Visual Literacy ยท 5-card lesson ยท ๐Ÿ”’ Premium

A cheerful owl wearing glasses and a graduation cap while holding a book

Preview โ€” The Goal

๐ŸŽฏ The Goal: Making all text the same size destroys information rank โ€” the reader can't tell the headline from the footnote, so their eye wanders, works double, and gives up. The brain maps size to importance INSTANTLY and pre-consciously: big is read first, gray is read last, and you get to program that optical path on purpose. Hierarchy is the difference between a page someone reads and a wall someone scans past.