typeset

Systematically assess and refine typography to eliminate generic defaults and establish clear hierarchy, readability, and brand personality.

- Analyzes five core typography dimensions: font choices, visual hierarchy, sizing consistency, readability metrics, and weight strategy across components

- Guides font selection, type scale establishment, and weight assignment aligned to brand personality and context (fixed scales for app UIs, fluid sizing for marketing pages)

- Covers practical readability fixes: line length constraints, line-height tuning, contrast verification, and web font loading strategies to prevent layout shift

- Requires running the frontend-design skill first to establish design context and follow the Context Gathering Protocol

Assess and improve typography that feels generic, inconsistent, or poorly structured - turning default-looking text into intentional, well-crafted type.

MANDATORY PREPARATION

Invoke /impeccable - it contains design principles, anti-patterns, and the Context Gathering Protocol. Follow the protocol before proceeding - if no design context exists yet, you MUST run /impeccable teach first.

Assess Current Typography

Analyze what's weak or generic about the current type:

- Font choices:

- Are we using invisible defaults? (Inter, Roboto, Arial, Open Sans, system defaults)

- Does the font match the brand personality? (A playful brand shouldn't use a corporate typeface)

- Are there too many font families? (More than 2-3 is almost always a mess)