Clarity Design System

Qu'est-ce que Clarity Design System ?

Clarity est un système de design open source lancé par VMware, dont les activités font désormais partie de Broadcom. Il réunit des règles d'ergonomie, un framework HTML et CSS et une bibliothèque de composants Angular, publiés sur npm sous les noms @clr/ui et @clr/angular, sous licence MIT. Il a été conçu pour des interfaces d'entreprise riches en données (consoles d'administration, tableaux de bord, outils de gestion du cloud) et VMware l'a utilisé dans nombre de ses produits. Une version indépendante du framework à base de web components, Clarity Core, a été archivée en 2026, tandis que Clarity Angular reste maintenu dans le dépôt GitHub vmware-clarity/ng-clarity.

Comment Clarity apparaît sur un site

Clarity n'est pas un service hébergé. Les développeurs l'installent comme dépendance et livrent ses feuilles de style, composants et icônes dans leur propre application. Les outils de détection le repèrent grâce à :

• une feuille de style dont le chemin contient clr-ui ;
• l'élément de mise en page clr-main-container et le script clr-angular ;
• l'objet JavaScript ClarityIcons.

Comme Clarity Angular repose sur Angular, les sites concernés révèlent aussi Angular.

Cookies et données personnelles

Les bibliothèques Clarity ne déposent aucun cookie, n'utilisent pas le localStorage à des fins de suivi et n'envoient aucune requête à VMware, Broadcom ou à un service de mesure. Les fichiers sont normalement servis par le serveur du site. Si le développeur charge le CSS ou les icônes depuis un CDN public comme unpkg ou jsDelivr, le navigateur contacte ce CDN, qui reçoit l'adresse IP comme pour toute requête web.

RGPD et consentement

Clarity ne traite aucune donnée personnelle en lui-même : aucun consentement n'est requis et il n'a pas à figurer dans le bandeau cookies. L'application construite avec Clarity peut bien sûr traiter des données (formulaire de connexion, tableaux d'utilisateurs), et ce traitement s'analyse séparément. Ne confondez pas ce framework avec Microsoft Clarity, service d'analyse comportementale et d'enregistrement de sessions qui exige un consentement et dispose de sa propre fiche dans ce catalogue.

Mesures pratiques

• Aucune entrée de bandeau n'est nécessaire pour Clarity Design System.
• Héberger soi-même le CSS et les icônes plutôt que de passer par un CDN public.
• Vérifier que le scanner ou l'inventaire des balises ne le confond pas avec Microsoft Clarity.
• Suivre la fin de maintenance de Clarity Core si l'application utilise les web components.