Typography Hierarchy

Typography hierarchy tells people where to look first, second, and third. Without it, every line of text fights for attention equally and nobody reads anything. With it, the eye flows naturally from headline to subhead to body to caption. A working hierarchy needs at least three distinct levels: a display size for headlines, a body size for reading, and a small size for metadata and captions. The best systems use weight and size together. A bold 24px heading, a regular 16px body, and a medium 12px caption create clear separation without needing three different typefaces. Notion's typography hierarchy is a masterclass in restraint. Two weights, one typeface, clean size ratios. The hierarchy is obvious but never loud.