A Beginner's Guide to Type Hierarchy, With a Complete Example
Build a workshop page with distinct levels for its title, practical facts, sections, body text and supporting details.
21 Font Basics posts
Simple answers to everyday font questions, from choosing a typeface to making your words easier to read.
21 posts
Build a workshop page with distinct levels for its title, practical facts, sections, body text and supporting details.
Learn when tracking helps, when kerning is the real fix and why size, script and font design change the answer.
Rounded shapes can help, but audience, wording, clarity and the surrounding design determine whether type feels welcoming.
Evaluate articles and documentation on real screens, with responsive layouts, accessible text and deliberate fallbacks.
Use italics to express meaning, distinguish editorial roles, and create contrast—and learn why a designed oblique is not a fake italic.
Capital letters are useful in the right setting. Judge their length, spacing, language, and purpose instead of following blanket rules.
Worked examples show when to fix a letter pair, a whole line or the distance between lines—and why those adjustments are not interchangeable.
Borrow print’s attention to hierarchy, measure, captions and production proofs without forcing a fixed-page layout onto the web.
Separate WCAG AA requirements from design preferences, then check whether real text survives zoom, narrow layouts and spacing overrides.