> Clarity Design System est le framework UI open source de VMware (Angular). Aucun cookie, aucun consentement requis. À ne pas confondre avec Microsoft Clarity.
>
> Canonical: https://www.flowconsent.com/fr/services/framework/clarity

Frameworks

# Clarity Design System

Mesure d'audience · [Site officiel](https://clarity.design)

Clarity Design System est un système de design open source créé par VMware (aujourd'hui intégré à Broadcom), qui réunit des règles UX, un framework HTML/CSS et des composants Angular. Il sert surtout à construire des applications web d'entreprise et des consoles d'administration. Sur un site, ce n'est que du code front-end embarqué : aucun cookie, aucun envoi de données à un tiers, aucun consentement requis. Rien à voir avec Microsoft Clarity.

[Bloquer Clarity Design System jusqu'au consentement](https://app.flowconsent.com/auth/sign-up?utm_source=flowconsent.com\&utm_medium=referral\&utm_campaign=framework) · [Scanner mon site](https://www.flowconsent.com/fr/scan)

En bref

- Catégorie

  [Frameworks](https://www.flowconsent.com/fr/services/framework)

- Consentement

  Mesure d'audience

- Consentement préalable

  Non requis

- Cookies documentés

  0

- Serveurs

  Self-hosted

Présentation

## Que fait 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.

Conformité

## Clarity Design System et le RGPD

- Base légale

  Not applicable (no personal data processed by the library); site operation rests on legitimate interest (Art. 6(1)(f) GDPR)

- Niveau de risque

  low

- Textes applicables

  GDPR, ePrivacy Directive

### Analyse d'impact (AIPD)

Aucune AIPD n'est nécessaire pour Clarity Design System, bibliothèque de composants front-end qui ne traite aucune donnée personnelle. Une éventuelle AIPD porte sur l'application construite avec et sur les données qu'elle manipule.

### Exemple de texte pour votre bannière

> L'interface de ce site utilise Clarity Design System, une bibliothèque de composants open source. Elle s'exécute dans votre navigateur, ne dépose aucun cookie et n'envoie aucune donnée à des tiers : aucun consentement n'est donc nécessaire.

Cookies et traceurs

## Ce que Clarity Design System dépose et contacte

- Méthode de suivi

  Front-end UI framework detected through its CSS (clr-ui), Angular components (clr-main-container, clr-angular) and the ClarityIcons JavaScript global; no tracking

- Localisation des serveurs

  Self-hosted

- Mode sans cookie disponible

  Oui

Questions

## Questions fréquentes sur Clarity Design System

Une question qui n'est pas dans la liste ? Écrivez-nous, on répond vite.

[Nous écrire](https://www.flowconsent.com/fr/demo)

### Clarity Design System est-il la même chose que Microsoft Clarity ?

Non. Clarity Design System est un framework d'interface open source de VMware. Microsoft Clarity est un outil gratuit d'analyse qui enregistre les sessions et produit des cartes de chaleur ; il exige un consentement et a sa propre fiche.

### Clarity Design System dépose-t-il des cookies ?

Non. Il fournit uniquement du CSS, des composants Angular et des icônes exécutés dans le navigateur. Il ne stocke rien à des fins de suivi et n'appelle ni VMware ni Broadcom.

### Faut-il mentionner Clarity dans le bandeau cookies ?

Non. Une bibliothèque front-end qui ne traite aucune donnée personnelle ne requiert ni consentement ni ligne dans le bandeau. Ne le citez que si votre propre code ajoute des traceurs.

### Clarity est-il toujours maintenu ?

Clarity Angular reste maintenu sur GitHub (vmware-clarity/ng-clarity) et publié sous le nom @clr/angular. Clarity Core, l'édition web components, a été archivée en 2026.

### Qui édite Clarity Design System ?

Il a été créé et publié en open source par VMware, dont les activités appartiennent désormais à Broadcom. Le code est distribué sous licence MIT.

Dans la même catégorie

## Autres services : Frameworks

[Voir toute la catégorie](https://www.flowconsent.com/fr/services/framework)

### [Headless UI](https://www.flowconsent.com/fr/services/framework/headless-ui)

[Frameworks](https://www.flowconsent.com/fr/services/framework/headless-ui)

·

### [Base UI](https://www.flowconsent.com/fr/services/framework/base-ui)

[Frameworks](https://www.flowconsent.com/fr/services/framework/base-ui)

·

### [PSPad](https://www.flowconsent.com/fr/services/framework/pspad)

[Frameworks](https://www.flowconsent.com/fr/services/framework/pspad)

·

### [Karma](https://www.flowconsent.com/fr/services/framework/karma)

[Frameworks](https://www.flowconsent.com/fr/services/framework/karma)

·

### [Lua](https://www.flowconsent.com/fr/services/framework/lua)

[Frameworks](https://www.flowconsent.com/fr/services/framework/lua)

·

### [Draft.js](https://www.flowconsent.com/fr/services/framework/draft-js)

[Frameworks](https://www.flowconsent.com/fr/services/framework/draft-js)

## Mettez votre site en conformité aujourd'hui.

Gratuit jusqu'à 25 000 sessions par mois. Sans carte bancaire, sans engagement.

[Créer ma bannière](https://app.flowconsent.com/auth/sign-up?utm_source=flowconsent.com\&utm_medium=referral\&utm_campaign=general) · [Scanner mon site](https://www.flowconsent.com/fr/scan)