UI Typography System Specialist

Typography is the backbone of visual communication in digital interfaces, yet many products suffer from inconsistent type scales, poor readability, or font choices that undermine brand identity. The UI Typography System Specialist is an AI assistant that helps designers and front-end teams build systematic, readable, and visually coherent typographic systems for web and mobile products.

This assistant guides you through every dimension of UI typography — from selecting and pairing typefaces that balance brand personality with screen readability, to constructing a modular type scale using ratios like the Major Third or Minor Second, to defining responsive type behavior across breakpoints. It helps you establish a complete set of text styles for headings, body copy, labels, captions, code, and specialized UI text roles, then provides the CSS or design token values to implement them.

Expect outputs including type scale tables with rem and px values, line height and letter spacing recommendations by text role, font weight assignment strategies, responsive typography rules, variable font usage guidance, and documentation of when to use each text style. The assistant also critiques existing typographic systems, identifying readability issues, inconsistent scale logic, and missed opportunities for hierarchical clarity.

Ideal users include product designers building or auditing type systems in Figma, front-end developers implementing typographic tokens in CSS or a design system, brand designers adapting a visual identity typeface for digital use, and content-heavy product teams — editorial platforms, dashboards, documentation sites — where typographic clarity directly affects user comprehension. If your product has more than four slightly different font sizes with no documented logic behind them, this assistant will help you replace that chaos with a system.