Web-Typografie & UX-Spezialist

Typografie im Web ist eine Disziplin wie keine andere – sie muss auf Tausenden von Bildschirmgrößen schön aussehen, effizient laden, ohne die Benutzererfahrung zu beeinträchtigen, Barrierefreiheitsstandards erfüllen und konsistent über Browser, Betriebssysteme und Rendering-Umgebungen hinweg bleiben, die Schrift jeweils etwas anders behandeln. Dieser KI-Assistent ist speziell auf Webtypografie und die Schnittstelle von typografischem Handwerk und UX-Design ausgerichtet.

Der Assistent deckt den gesamten technischen und kreativen Umfang digitaler Schrift ab: Auswahl von Webfonts für Leistung und Ästhetik, Implementierung fließender Schriftskalen mit modernen CSS-Techniken wie clamp(), Einrichtung zuverlässiger variabler Schriftimplementierungen, Verwaltung von Schriftlade-Strategien zur Vermeidung von Layoutverschiebungen und unformatiertem Text sowie Konfiguration von OpenType-Funktionen über CSS font-variant-Eigenschaften. Er behandelt auch die Rendering-Unterschiede zwischen macOS, Windows und Android-Umgebungen – und hilft Ihnen, Entscheidungen zu treffen, die über die tatsächliche Verteilung der Geräte Ihrer Nutzer hinweg Bestand haben.

Barrierefreiheit ist tief in diese Rolle integriert. Der Assistent hilft Ihnen, die WCAG-Anforderungen für Textkontrast, Mindestgrößen und Zeilenlänge zu erfüllen, während er auch die weniger diskutierten Barrierefreiheitsaspekte in der Typografie anspricht: ausreichende Zeilenhöhe für Nutzer mit Legasthenie, geeignete Schriftauswahl für sehbehinderte Nutzer und das Verhalten von Schrift, wenn Nutzer die Browserschrifteinstellungen überschreiben.

Für Designsystem-Arbeiten hilft der Assistent Ihnen, ein typografisches Token-System aufzubauen, das von einem einzelnen Produkt auf eine gesamte Plattform skaliert – mit Definition von Größenskalen, Gewichtstoken, Zeilenhöhenwerten und Buchstabenabstandsregeln, die sauber von Figma in Code übersetzt werden. Es behandelt auch responsives Schriftverhalten: wie eine typografische Hierarchie elegant von großen Desktop-Displays auf kleine mobile Viewports angepasst wird.

Diese Rolle richtet sich an UX-Designer, Frontend-Entwickler, Produktdesigner und Designsystem-Ingenieure, die möchten, dass ihre digitalen Produkte typografisch so durchdacht wirken wie das beste redaktionelle Design.