Frameworks

Clarity Design System

Clarity Design System ist ein Open-Source-Designsystem von VMware (heute Teil von Broadcom) und vereint UX-Richtlinien, ein HTML/CSS-Framework und Angular-Komponenten. Es dient vor allem zum Bau von Unternehmensanwendungen und Admin-Konsolen. Auf einer Website ist es reiner Frontend-Code: Es setzt keine Cookies, sendet keine Daten an Dritte und braucht keine Einwilligung. Mit Microsoft Clarity, dem Tool für Sitzungsaufzeichnung, hat es nichts zu tun.

Clarity Design System bis zur Einwilligung blockieren Meine Website scannen

Überblick

Was macht Clarity Design System?

Was ist Clarity Design System?

Clarity ist ein Open-Source-Designsystem, das VMware ins Leben gerufen hat; das Geschäft von VMware gehört heute zu Broadcom. Es kombiniert UX-Richtlinien, ein HTML- und CSS-Framework und eine Bibliothek von Angular-Komponenten, veröffentlicht auf npm als @clr/ui und @clr/angular unter MIT-Lizenz. Gedacht ist es für datenintensive Unternehmensoberflächen wie Admin-Konsolen, Dashboards und Cloud-Verwaltungswerkzeuge; VMware setzte es in vielen eigenen Produkten ein. Eine frameworkunabhängige Variante auf Basis von Web Components, Clarity Core, wurde 2026 archiviert, während Clarity Angular im GitHub-Repository vmware-clarity/ng-clarity weiter gepflegt wird.

Wie Clarity auf einer Website erscheint

Clarity ist kein gehosteter Dienst. Entwickler installieren es als Abhängigkeit und liefern Stylesheets, Komponenten und Icons mit der eigenen Anwendung aus. Erkennungstools identifizieren es anhand von:

einem Stylesheet, dessen Pfad clr-ui enthält;
dem Layout-Element clr-main-container und dem Skript clr-angular;
dem JavaScript-Objekt ClarityIcons.

Da Clarity Angular auf Angular aufbaut, zeigen solche Websites auch Angular.

Cookies und personenbezogene Daten

Die Clarity-Bibliotheken setzen keine Cookies, nutzen den localStorage nicht zum Tracking und senden keine Anfragen an VMware, Broadcom oder Analysedienste. Die Dateien werden normalerweise vom eigenen Server der Website ausgeliefert. Lädt ein Entwickler CSS oder Icons von einem öffentlichen CDN wie unpkg oder jsDelivr, kontaktiert der Browser dieses CDN, das wie bei jeder Webanfrage die IP-Adresse erhält.

DSGVO und Einwilligung

Clarity selbst verarbeitet keine personenbezogenen Daten, braucht daher keine Einwilligung und gehört nicht ins Cookie-Banner. Die damit gebaute Anwendung kann natürlich Daten verarbeiten, etwa in einem Login-Formular oder in Benutzertabellen; das ist gesondert zu bewerten. Verwechseln Sie das Framework nicht mit Microsoft Clarity, einem Dienst für Verhaltensanalyse und Sitzungsaufzeichnung, der eine Einwilligung erfordert und in diesem Katalog einen eigenen Eintrag hat.

Praktische Schritte

Für Clarity Design System ist kein Banner-Eintrag nötig.
CSS und Icons selbst hosten statt über ein öffentliches CDN zu laden.
Prüfen, dass Scanner oder Tag-Inventar es nicht mit Microsoft Clarity verwechseln.
Das Ende der Pflege von Clarity Core im Blick behalten, falls die Anwendung die Web Components nutzt.

Datenschutz

Clarity Design System und die DSGVO

Rechtsgrundlage: Not applicable (no personal data processed by the library); site operation rests on legitimate interest (Art. 6(1)(f) GDPR)
Risikostufe: low
Anwendbare Vorschriften: GDPR, ePrivacy Directive

Datenschutz-Folgenabschätzung (DSFA)

Für Clarity Design System selbst ist keine DSFA nötig, da es sich um eine Frontend-Komponentenbibliothek ohne Verarbeitung personenbezogener Daten handelt. Eine DSFA betrifft gegebenenfalls die damit gebaute Anwendung und deren Daten.

Beispieltext für Ihr Banner

Die Oberfläche dieser Website basiert auf Clarity Design System, einer Open-Source-Komponentenbibliothek. Sie läuft in Ihrem Browser, setzt keine Cookies und sendet keine Daten an Dritte, daher ist keine Einwilligung erforderlich.

Cookies und Tracker

Was Clarity Design System setzt und kontaktiert

Tracking-Methode: Front-end UI framework detected through its CSS (clr-ui), Angular components (clr-main-container, clr-angular) and the ClarityIcons JavaScript global; no tracking
Serverstandort: Self-hosted
Cookieloser Modus verfügbar: Ja

Fragen

Häufige Fragen zu Clarity Design System

Ihre Frage ist nicht dabei? Schreiben Sie uns, wir antworten schnell.

Schreiben Sie uns

Ist Clarity Design System dasselbe wie Microsoft Clarity?

Nein. Clarity Design System ist ein Open-Source-UI-Framework von VMware. Microsoft Clarity ist ein kostenloses Analysetool mit Sitzungsaufzeichnung und Heatmaps, das eine Einwilligung erfordert und einen eigenen Eintrag hat.

Setzt Clarity Design System Cookies?

Nein. Es liefert nur CSS, Angular-Komponenten und Icons, die im Browser laufen. Es speichert nichts zu Trackingzwecken und ruft weder VMware noch Broadcom auf.

Muss Clarity im Cookie-Banner stehen?

Nein. Eine Frontend-Bibliothek ohne Verarbeitung personenbezogener Daten braucht weder Einwilligung noch Banner-Eintrag. Nennen Sie sie nur, wenn Ihr eigener Code Tracker ergänzt.

Wird Clarity noch gepflegt?

Clarity Angular wird auf GitHub unter vmware-clarity/ng-clarity weiter gepflegt und als @clr/angular veröffentlicht. Clarity Core, die Web-Components-Ausgabe, wurde 2026 archiviert.

Wer gibt Clarity Design System heraus?

Es wurde von VMware entwickelt und als Open Source veröffentlicht; das Geschäft von VMware gehört heute zu Broadcom. Der Code steht unter MIT-Lizenz.

Machen Sie Ihre Website noch heute konform.

Kostenlos bis 25.000 Sitzungen pro Monat. Keine Kreditkarte, keine Bindung.

Mein Banner erstellen Meine Website scannen