Hintergrundwissen für souveräne Entscheidungen
34 Artikel
Google Fonts: Komfortabel, aber nicht konform
Jeder Seitenaufruf sendet IP-Adressen an Google-Server in den USA.
Schriften aus Europa – selbst gehostet, rechtssicher, unabhängig
Es gibt mehr hochwertige europäische Schriften, als die meisten Teams wissen.
Variable Fonts: Eine Datei, unendliche Variationen
Weniger HTTP-Requests, bessere Performance, volle typografische Kontrolle.
Font-Subsetting: Nur laden, was wirklich gebraucht wird
Warum 90 % einer Font-Datei oft unnötige Glyphen für Sprachen enthält, die niemand nutzt.
Die MIT-Lizenz: Freiheit mit Fußnoten
Die populärste Open-Source-Lizenz der Welt – und warum „frei" nicht „risikofrei" bedeutet.
MIT, Apache, GPL, EUPL – was Sie wirklich wissen müssen
Ein pragmatischer Vergleich der wichtigsten Open-Source-Lizenzen für Unternehmen.
Die EUPL: Europas eigene Open-Source-Lizenz
Eine Lizenz, die europäisches Recht und Mehrsprachigkeit von Anfang an mitdenkt.
KI-generierter Code: Wem gehört das Ergebnis?
Urheberrecht, Lizenzrisiken und Compliance bei Code aus Copilot, ChatGPT & Co.
Design Tokens: Das Fundament jedes Design-Systems
Was Design Tokens sind und warum sie das Fundament jedes Design-Systems bilden.
Token-Architektur: Tiers, Aliasing und Struktur
Tier-Modelle, Aliasing und die richtige Struktur für skalierbare Tokens.
W3C DTCG Format: Der offene Standard
Der offene Standard für Design Tokens — Aufbau, Typen und Tools.
Tokens to Code: Build-Pipelines für Design Tokens
Wie aus JSON-Tokens CSS Custom Properties, SCSS und Framework-Konfigurationen werden.
Multi-Brand Design Tokens: Token-Architektur für Mehrmarken-Systeme
Eine einzige Komponentenbibliothek, die mehrere Marken trägt — die Voraussetzung ist eine geschichtete Token-Architektur.
Design Tokens und der EU Data Act: Datenportabilität als Rechtsanspruch
Seit September 2025 gilt der EU Data Act — mit direkter Konsequenz für Token-Infrastruktur in SaaS-Tools.
W3C Design Tokens: Warum ein offener Standard alles verändert
Der W3C-Standardisierungsprozess und seine Bedeutung für die Design-System-Industrie.
Design-System-Audit: Den Zustand systematisch bewerten
Wie man den Zustand eines Design-Systems systematisch bewertet.
Die 50-Punkte-Checkliste für Design-System-Audits
Strukturierte Prüfpunkte für eine vollständige Design-System-Bewertung.
CDN-Abhängigkeiten: Risiken externer Ressourcen
Warum externe CDNs ein Souveränitätsrisiko darstellen und wie man sie ersetzt.
Digitale Souveränität: Was das für Ihre Frontend-Infrastruktur bedeutet
Warum Frontend-Infrastruktur ein Souveränitätsthema ist und was Organisationen konkret tun können.
Sovereign Tokens: Design-Entscheidungen als portables Kapital
Warum Design Tokens im W3C-Format das wichtigste Instrument gegen Tool-Abhängigkeit sind.
Vendor Lock-in im Frontend: Die versteckten Abhängigkeiten
Wie Frontend-Abhängigkeiten entstehen und was sie langfristig kosten.
DSGVO im Frontend: Was bei jedem Seitenaufruf passiert
Welche Frontend-Entscheidungen DSGVO-relevant sind und wie Compliance gelingt.
Europäische Alternativen zu US-Diensten
Übersicht europäischer Tools und Services für die Frontend-Entwicklung.
EU Data Act: Was Artikel 23–31 für Design-Tools und Frontend-Infrastruktur bedeuten
Kapitel VI des EU Data Act macht den Anbieterwechsel zum einklagbaren Recht — mit Konsequenzen für Figma, Vercel und die Design-System-Architektur.
AI-Ready Design Systems
Wie Design-Systeme maschinenlesbar werden und mit AI-Tools zusammenarbeiten.
Prompt-Ready Tokens
Tokens so strukturieren, dass AI-Coding-Tools sie direkt nutzen können.
KI-gestützte Design-Workflows
Wie KI die Arbeit mit Design-Systemen verändert — von Figma bis Code.
KI-gestützte Komponenten-Generierung
Chancen und Grenzen der automatischen UI-Komponentenerstellung.
Headless UI Libraries: Logik ohne Styling-Diktat
Warum Headless-Komponenten die Grundlage für souveräne Design-Systeme sind.
Headless-Bibliotheken: Jurisdiktion als Risikofaktor
Wem gehört die Logikschicht Ihres Design-Systems? Eine Jurisdiktionsanalyse.
Web Components: Framework-unabhängig per Standard
Custom Elements, Shadow DOM und HTML Templates als browsernativer Komponentenstandard.
Self-Hosting: Frontend-Infrastruktur unter eigener Kontrolle
Warum Self-Hosting von Fonts, Icons und Frameworks ein Souveränitätsthema ist.
Icons im Design-System: Warum CSS-Rendering die Kontrolle über Strichstärken kostet
Wer Icons über CSS-Klassen einbindet, gewinnt Developer Experience — aber verliert eine zentrale Designeigenschaft.
Barrierefreie Typografie: Schriftgrößen, Zeilenabstände und BFSG-Anforderungen im Design System
WCAG-konforme Typografie erfordert keine Mindest-Schriftgröße, sondern robuste Layouts, die bei Nutzer-Overrides nicht brechen.
Typografie & Schriften
Google Fonts: Komfortabel, aber nicht konform
Jeder Seitenaufruf sendet IP-Adressen an Google-Server in den USA.
Schriften aus Europa – selbst gehostet, rechtssicher, unabhängig
Es gibt mehr hochwertige europäische Schriften, als die meisten Teams wissen.
Variable Fonts: Eine Datei, unendliche Variationen
Weniger HTTP-Requests, bessere Performance, volle typografische Kontrolle.
Font-Subsetting: Nur laden, was wirklich gebraucht wird
Warum 90 % einer Font-Datei oft unnötige Glyphen für Sprachen enthält, die niemand nutzt.
Lizenzen & Recht
Die MIT-Lizenz: Freiheit mit Fußnoten
Die populärste Open-Source-Lizenz der Welt – und warum „frei" nicht „risikofrei" bedeutet.
MIT, Apache, GPL, EUPL – was Sie wirklich wissen müssen
Ein pragmatischer Vergleich der wichtigsten Open-Source-Lizenzen für Unternehmen.
Die EUPL: Europas eigene Open-Source-Lizenz
Eine Lizenz, die europäisches Recht und Mehrsprachigkeit von Anfang an mitdenkt.
KI-generierter Code: Wem gehört das Ergebnis?
Urheberrecht, Lizenzrisiken und Compliance bei Code aus Copilot, ChatGPT & Co.
Design Tokens
Design Tokens: Das Fundament jedes Design-Systems
Was Design Tokens sind und warum sie das Fundament jedes Design-Systems bilden.
Token-Architektur: Tiers, Aliasing und Struktur
Tier-Modelle, Aliasing und die richtige Struktur für skalierbare Tokens.
W3C DTCG Format: Der offene Standard
Der offene Standard für Design Tokens — Aufbau, Typen und Tools.
Tokens to Code: Build-Pipelines für Design Tokens
Wie aus JSON-Tokens CSS Custom Properties, SCSS und Framework-Konfigurationen werden.
Multi-Brand Design Tokens: Token-Architektur für Mehrmarken-Systeme
Eine einzige Komponentenbibliothek, die mehrere Marken trägt — die Voraussetzung ist eine geschichtete Token-Architektur.
Design Tokens und der EU Data Act: Datenportabilität als Rechtsanspruch
Seit September 2025 gilt der EU Data Act — mit direkter Konsequenz für Token-Infrastruktur in SaaS-Tools.
W3C Design Tokens: Warum ein offener Standard alles verändert
Der W3C-Standardisierungsprozess und seine Bedeutung für die Design-System-Industrie.
Design-System-Audit
Design-System-Audit: Den Zustand systematisch bewerten
Wie man den Zustand eines Design-Systems systematisch bewertet.
Die 50-Punkte-Checkliste für Design-System-Audits
Strukturierte Prüfpunkte für eine vollständige Design-System-Bewertung.
CDN-Abhängigkeiten: Risiken externer Ressourcen
Warum externe CDNs ein Souveränitätsrisiko darstellen und wie man sie ersetzt.
Digitale Souveränität
Digitale Souveränität: Was das für Ihre Frontend-Infrastruktur bedeutet
Warum Frontend-Infrastruktur ein Souveränitätsthema ist und was Organisationen konkret tun können.
Sovereign Tokens: Design-Entscheidungen als portables Kapital
Warum Design Tokens im W3C-Format das wichtigste Instrument gegen Tool-Abhängigkeit sind.
Vendor Lock-in im Frontend: Die versteckten Abhängigkeiten
Wie Frontend-Abhängigkeiten entstehen und was sie langfristig kosten.
DSGVO im Frontend: Was bei jedem Seitenaufruf passiert
Welche Frontend-Entscheidungen DSGVO-relevant sind und wie Compliance gelingt.
Europäische Alternativen zu US-Diensten
Übersicht europäischer Tools und Services für die Frontend-Entwicklung.
EU Data Act: Was Artikel 23–31 für Design-Tools und Frontend-Infrastruktur bedeuten
Kapitel VI des EU Data Act macht den Anbieterwechsel zum einklagbaren Recht — mit Konsequenzen für Figma, Vercel und die Design-System-Architektur.
AI & Design Systems
AI-Ready Design Systems
Wie Design-Systeme maschinenlesbar werden und mit AI-Tools zusammenarbeiten.
Prompt-Ready Tokens
Tokens so strukturieren, dass AI-Coding-Tools sie direkt nutzen können.
KI-gestützte Design-Workflows
Wie KI die Arbeit mit Design-Systemen verändert — von Figma bis Code.
KI-gestützte Komponenten-Generierung
Chancen und Grenzen der automatischen UI-Komponentenerstellung.
Headless UI & Infrastruktur
Headless UI Libraries: Logik ohne Styling-Diktat
Warum Headless-Komponenten die Grundlage für souveräne Design-Systeme sind.
Headless-Bibliotheken: Jurisdiktion als Risikofaktor
Wem gehört die Logikschicht Ihres Design-Systems? Eine Jurisdiktionsanalyse.
Web Components: Framework-unabhängig per Standard
Custom Elements, Shadow DOM und HTML Templates als browsernativer Komponentenstandard.
Self-Hosting: Frontend-Infrastruktur unter eigener Kontrolle
Warum Self-Hosting von Fonts, Icons und Frameworks ein Souveränitätsthema ist.
Icons im Design-System: Warum CSS-Rendering die Kontrolle über Strichstärken kostet
Wer Icons über CSS-Klassen einbindet, gewinnt Developer Experience — aber verliert eine zentrale Designeigenschaft.