How to organize web and print layouts using scale, weight, color, leading, and spatial distribution.
The Three Core Levels of Typographic Hierarchy
1. **Level 1 (Primary Callouts & H1):** Headlines, hero titles, and book titles. Attracts immediate attention.
2. **Level 2 (Navigation & Subsections H2/H3):** Section headings, captions, callout quotes, and metadata.
3. **Level 3 (Body Copy & Detail):** Core paragraphs, data tables, and footnotes. Prioritizes effortless sustained reading.
Using Modular Type Scales
Rather than guessing font sizes arbitrarily, utilize a mathematical scale such as the Major Third (1.250) or Perfect Fourth (1.333). Starting from a 16px base, sizes scale logically: 16px, 20px, 25px, 31.25px, 39px, ensuring natural optical progression.