> Clarity Design System es el framework de interfaz de código abierto de VMware para Angular. Sin cookies ni consentimiento. No confundir con Microsoft Clarity.
>
> Canonical: https://www.flowconsent.com/es/services/framework/clarity

Frameworks

# Clarity Design System

Analítica · [Sitio oficial](https://clarity.design)

Clarity Design System es un sistema de diseño de código abierto creado por VMware (hoy parte de Broadcom) que reúne pautas de UX, un framework HTML/CSS y componentes Angular. Se usa sobre todo para crear aplicaciones web empresariales y consolas de administración. En un sitio web es solo código front-end incluido en la propia web: no instala cookies, no envía datos a terceros y no requiere consentimiento. No tiene relación con Microsoft Clarity.

[Bloquear Clarity Design System hasta el consentimiento](https://app.flowconsent.com/auth/sign-up?utm_source=flowconsent.com\&utm_medium=referral\&utm_campaign=framework) · [Escanear mi sitio](https://www.flowconsent.com/es/scan)

En resumen

- Categoría

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

- Consentimiento

  Analítica

- Consentimiento previo

  No obligatorio

- Cookies documentadas

  0

- Servidores

  Self-hosted

Presentación

## ¿Qué hace Clarity Design System?

## **¿Qué es Clarity Design System?**

Clarity es un sistema de diseño de código abierto impulsado por VMware, cuyo negocio pertenece hoy a Broadcom. Reúne pautas de experiencia de usuario, un framework HTML y CSS y una biblioteca de componentes Angular, publicados en npm como @clr/ui y @clr/angular con licencia MIT. Se diseñó para interfaces empresariales con muchos datos, como consolas de administración, paneles y herramientas de gestión de la nube, y VMware lo empleó en muchos de sus productos. Una versión independiente del framework basada en web components, Clarity Core, se archivó en 2026, mientras que Clarity Angular sigue manteniéndose en el repositorio de GitHub vmware-clarity/ng-clarity.

## **Cómo aparece Clarity en un sitio web**

Clarity no es un servicio alojado. Los desarrolladores lo instalan como dependencia y distribuyen sus hojas de estilo, componentes e iconos dentro de su propia aplicación. Las herramientas de detección lo reconocen por:

- una hoja de estilo cuya ruta contiene clr-ui;
- el elemento de diseño clr-main-container y el script clr-angular;
- el objeto JavaScript ClarityIcons.

Como Clarity Angular se basa en Angular, estos sitios también muestran Angular.

## **Cookies y datos personales**

Las bibliotecas de Clarity no instalan cookies, no usan localStorage para seguimiento y no envían peticiones a VMware, Broadcom ni a ningún servicio de analítica. Los archivos suelen servirse desde el propio servidor del sitio. Si el desarrollador carga el CSS o los iconos desde una CDN pública como unpkg o jsDelivr, el navegador contacta con esa CDN, que recibe la dirección IP como en cualquier petición web.

## **RGPD y consentimiento**

Clarity no trata datos personales por sí mismo, por lo que no necesita consentimiento ni debe figurar en el banner de cookies. La aplicación construida con él puede, lógicamente, tratar datos (un formulario de acceso, tablas de usuarios) y ese tratamiento se analiza por separado. No hay que confundir este framework con Microsoft Clarity, un servicio de analítica de comportamiento y grabación de sesiones que sí requiere consentimiento y tiene su propia ficha en este catálogo.

## **Pasos prácticos**

- No es necesaria ninguna entrada en el banner para Clarity Design System.
- Alojar el CSS y los iconos en el propio servidor en lugar de cargarlos desde una CDN pública.
- Comprobar que el escáner o el inventario de etiquetas no lo confunde con Microsoft Clarity.
- Tener en cuenta el fin del mantenimiento de Clarity Core si la aplicación usa los web components.

Cumplimiento

## Clarity Design System y el RGPD

- Base jurídica

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

- Nivel de riesgo

  low

- Normativa aplicable

  GDPR, ePrivacy Directive

### Evaluación de impacto (EIPD)

No se necesita una EIPD para Clarity Design System, una biblioteca de componentes front-end que no trata datos personales. Cualquier EIPD debe centrarse en la aplicación construida con ella y en los datos que maneja.

### Texto de ejemplo para su banner

> La interfaz de este sitio usa Clarity Design System, una biblioteca de componentes de código abierto. Se ejecuta en su navegador, no instala cookies y no envía datos a terceros, por lo que no requiere consentimiento.

Cookies y rastreadores

## Lo que Clarity Design System instala y contacta

- Método de seguimiento

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

- Ubicación de los servidores

  Self-hosted

- Modo sin cookies disponible

  Sí

Preguntas

## Preguntas frecuentes sobre Clarity Design System

¿No encuentra su pregunta? Escríbanos, respondemos rápido.

[Escríbanos](https://www.flowconsent.com/es/demo)

### ¿Clarity Design System es lo mismo que Microsoft Clarity?

No. Clarity Design System es un framework de interfaz de código abierto de VMware. Microsoft Clarity es una herramienta gratuita de analítica que graba sesiones y genera mapas de calor, requiere consentimiento y tiene su propia ficha.

### ¿Clarity Design System instala cookies?

No. Solo aporta CSS, componentes Angular e iconos que se ejecutan en el navegador. No guarda nada con fines de seguimiento ni se comunica con VMware o Broadcom.

### ¿Hay que incluir Clarity en el banner de cookies?

No. Una biblioteca front-end que no trata datos personales no requiere consentimiento ni entrada en el banner. Inclúyala solo si su propio código añade rastreadores.

### ¿Clarity sigue manteniéndose?

Clarity Angular sigue manteniéndose en GitHub (vmware-clarity/ng-clarity) y se publica como @clr/angular. Clarity Core, la edición basada en web components, se archivó en 2026.

### ¿Quién publica Clarity Design System?

Lo creó y publicó como código abierto VMware, cuyo negocio pertenece ahora a Broadcom. El código se distribuye con licencia MIT.

Misma categoría

## Más servicios: Frameworks

[Ver toda la categoría](https://www.flowconsent.com/es/services/framework)

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

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

·

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

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

·

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

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

·

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

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

·

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

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

·

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

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

## Haga que su sitio cumpla la normativa hoy mismo.

Gratis hasta 25.000 sesiones al mes. Sin tarjeta de crédito, sin compromiso.

[Crear mi banner](https://app.flowconsent.com/auth/sign-up?utm_source=flowconsent.com\&utm_medium=referral\&utm_campaign=general) · [Escanear mi sitio](https://www.flowconsent.com/es/scan)