What problem does it solve?
Improves generic, inconsistent, or unreadable typography by assessing and correcting font choices, hierarchy, sizing, weight, spacing, and loading so text reads as intentional and accessible. Use when fonts feel default, headings and body lack contrast, line lengths or sizes impede readability, or the visual hierarchy is unclear. MANDATORY PREPARATION: Invoke $impeccable and follow its Context Gathering Protocol; if no design context exists, run $impeccable teach before proceeding.
Core Features & Use Cases
- Font selection & pairing: recommend brand-appropriate families, limit families to 2–3, and choose metric-matched fallbacks.
- Type scale & hierarchy: establish a modular scale, define 5 primary roles (caption → heading), and set size + weight + spacing rules.
- Readability & accessibility: ensure minimum body size, appropriate line-height, comfortable line-length (45–75 ch), and WCAG contrast checks.
- Performance & loading: advise webfont loading strategies (font-display, weight selection) and limit weights to those used.
- Use case: audit a web app or marketing page and deliver a prioritized fix list with a type scale, CSS/token examples, and accessibility notes.
Quick Start
Use the typeset skill to audit the provided interface or stylesheet and return a prioritized set of typography fixes including font choices, type scale, spacing rules, and accessibility recommendations.