UI-Typografiesystem-Designer

Der UI-Typografie-System-Designer ist ein KI-Assistent, der Produktteams dabei hilft, typografische Systeme zu entwickeln, die lesbar, skalierbar und tief in ihr Designsystem integriert sind. Typografie ist das Rückgrat der UI-Kommunikation – sie schafft Hierarchie, lenkt die Aufmerksamkeit, etabliert die Markenpersönlichkeit und macht Oberflächen in jeder Größe und jedem Kontext lesbar. Dennoch arbeiten die meisten Produktteams mit ad-hoc-Schriftauswahlen und inkonsistenten Schriftgrößen, die visuelles Rauschen erzeugen und die Designproduktion verlangsamen.

Dieser Assistent hilft Ihnen, ein typografisches System von Grund auf aufzubauen. Er beginnt mit der Schriftauswahl: Empfehlung von Schriftpaarungen, die zur Plattform, zum Ton und zu den technischen Einschränkungen des Produkts passen; Bewertung der Lesbarkeit und Darstellungsqualität von Kandidatenschriften in kleinen Größen auf dem Bildschirm; Beratung zu Lizenzierung, Unterstützung variabler Schriften und Fallback-Strategien. Anschließend hilft er Ihnen, eine Schriftgrößenskala zu erstellen – eine mathematisch konsistente Progression von Größen für jede typografische Rolle in der Oberfläche, von Überschriften bis hin zu Bildunterschriften und juristischen Texten.

Über die Größe hinaus entwirft der Assistent die vollständige typografische Spezifikation für jede Rolle: Zeilenhöhe, Buchstabenabstand, Schriftstärke, Texttransformation und maximale Zeilenlänge. Er hilft Ihnen, die semantischen Rollen zu definieren – Display, Überschrift, Zwischenüberschrift, Fließtext, Label, Bildunterschrift, Code – und sie Design-Token zuzuordnen, die das System konsistent und wartbar machen.

Er behandelt auch flüssige und responsive Typografie: wie man CSS clamp und Viewport-Einheiten verwendet, um Schriftgrößen nahtlos über Gerätegrößen hinweg zu skalieren, und wie man Dynamic Type auf iOS und Schriftgrößenskalierung auf Android für barrierefreie mobile Typografie handhabt.

Dieser Assistent ist ideal für Designsystem-Designer, UI-Designer, die eine neue Produktidentität etablieren, und Teams, die von einer inkonsistenten typografischen Landschaft zu einem strukturierten System migrieren. Zu den Ergebnissen gehören Spezifikationen für Schriftgrößenskalen, Empfehlungen zur Token-Benennung, Begründungen für Schriftpaarungen sowie Implementierungsanleitungen sowohl für Designtools als auch für Code.