Typography

This is a comprehensive typographic system grounded in principles from Bringhurst, Vignelli, and other masters. It covers type scales with specific ratios, line height guidelines for different contexts, font pairing rules, and modern CSS features like text-wrap balance and clamp() for fluid typography. The skill includes ready-to-use recommendations with actual numbers (16px minimum body text, 45-75 character line length, 1.5-1.7 line height) and detailed reference files on variable fonts, font loading, OpenType features, and internationalization. What stands out is the restraint it preaches: one or two font families maximum, stick to your scale, and let whitespace do the work. It's opinionated in a good way.

Install to Claude Code

npx -y skills add petekp/agent-skills --skill typography --agent claude-code