brand-typography-systems

A modular scale establishes consistent type hierarchy by defining a base font size (e.g., 16px) and multiplying it by a fixed ratio (e.g., 1.333) to generate H1–H6 sizes. This ensures proportional, scalable typography across digital and print formats while maintaining brand voice and readability.

WCAG typography guidelines mandate sufficient contrast ratios, readable line lengths, and accessible font sizes. This Skill embeds accessibility considerations into typeface selection and hierarchy creation to ensure your typography system meets compliance standards for all users.

Serif vs. sans-serif selection flows from brand personality and use context. This Skill provides a decision framework evaluating typeface characteristics against brand attributes, then applies font pairing principles to select complementary families that reinforce your brand identity.

Typography tokens codify your modular scale, font families, and hierarchy rules into reusable values. This Skill generates tokens aligned to your brand typography system, enabling consistent implementation across digital platforms and print materials.

Font pairing balances contrast and harmony—typically combining serif and sans-serif or fonts with distinct weights and proportions. This Skill applies pairing principles and typeface evaluation criteria to select complementary families that elevate your brand while maintaining legibility.

Yes. A defined base size (commonly 16px for web) is the foundation for your modular scale. This Skill uses your base size and chosen ratio to auto-generate proportional heading and body text sizes, ensuring your entire typography system scales coherently.