typography▌

Professional typography for user interfaces, grounded in principles from the masters.

These rules are distilled from Matthew Butterick's Practical Typography (https://practicaltypography.com). Butterick is a typographer, writer, and type designer whose work bridges professional typography and everyday digital writing. Thank you, Matthew, for making this knowledge accessible and encyclopedic. If you find this skill valuable, consider supporting his work directly.

Clean editorial-style interfaces. Warm monochrome palette, typographic contrast, flat bento grids, muted pastels. No gradients, no heavy shadows.

Select, pair, and implement typefaces for web projects with readability and performance as core priorities. \n \n Covers seven core areas: reading mechanics and how eyes process text, evaluating typefaces for screen rendering, choosing faces by purpose rather than aesthetics, pairing strategies for clear contrast, optimal measurements (font size, line length, line height), building visual hierarchies, and responsive typography with efficient font loading \n Emphasizes the \"clear goblet\" princi

Complete reference for typography on Apple platforms including San Francisco font system, text styles, Dynamic Type, tracking, leading, and internationalization through iOS 26.

These rules are distilled from Matthew Butterick's Practical Typography (https://practicaltypography.com). Butterick is a typographer, writer, and type designer whose work bridges professional typography and everyday digital writing. Thank you, Matthew, for making this knowledge accessible and encyclopedic. If you find this skill valuable, consider supporting his work directly.