Typography as Hierarchy
Moving beyond simple sizing: leveraging weight, tension, and font pairings to establish unquestionable editorial authority.
A page with one font tells you nothing about itself. A page with two fonts — chosen well — tells you what kind of document you are looking at before you read a word. That is the first job of typography, and the most underrated.
The pairing
Newsreader and Inter are not chosen because they are fashionable. They are chosen because they argue with each other politely. Newsreader brings the tradition of the printed page — high stroke contrast, generous leading, an optical-size axis that tightens at display weights and opens at body weights. Inter brings the modern grid — neutral, systematic, designed to be read at small sizes on glass.
Set them next to each other and the reader's eye learns the rule instantly: serif is the voice of the work itself; sans is the voice of the structure around it. Headings, pull-quotes, the byline of a piece — these belong to the work. Captions, metadata, navigation, button labels — these belong to the scaffolding.
Weight, not size
Once the pairing is in place, hierarchy stops being about size. A 32px heading and an 18px body do not differ primarily in their pixel count; they differ in intent. The heading is the claim. The body is the evidence.
When everything on the page agrees about that, you can resize freely without breaking the system.