Overview
Typography systems fail when they are designed as font choices rather than as hierarchical systems. Choosing Inter for body and Playfair Display for headings is a font decision. Defining the scale, weight, line-height, and responsive behavior that makes those fonts work together across every screen size and content density is a typography system.
The Typography System Design Prompt builds a type system from the structural decisions that determine whether it scales: the modular scale that produces harmonious size relationships, the weight pairing model that creates hierarchy without requiring size differences, and the line-height ratios that maintain readability at every scale point.
What you get: - Type scale model: the modular scale that produces a harmonious size progression - Weight pairing system: the weight combinations that create hierarchy within and across type levels - Line-height ratios: the ratios that maintain readability from display text to caption - Responsive type behavior: the fluid or stepped approach that prevents text from breaking layouts - Token structure: the naming convention that makes the type system maintainable - Accessibility requirements: the minimum sizes and contrast ratios that meet WCAG AA
Built for: product designers and design engineers designing a typography system for a web or mobile product.