Tokens Integration

Design system tokens are now fully integrated into Clarity Angular components. Tokens align the CSS architecture and naming conventions needed to more efficiently express the VMware brand experience, and to help ensure consistency across products.

Themes

We've introduced an accessible Dark UI Theme to ensure inclusivity and compliance with WCAG guidelines, in addition to supporting an accessible Light UI Theme. Teams can extend the theme capabilities, as well, to support unique needs.

Updated Design Language

Our design language has been updated to align with the latest Clarity design standards and accessibility guidance, providing a more inclusive user experience.

Design Tokens Ease Future Work

With v17, references to design tokens are now mandatory. By updating to and leveraging this new tokens system, components and their surrounding UI's should update more easily and stay consistently aligned with the system in the future.

Future Flexibility

Design tokens are now foundational in design system technology. They can be used to create additional themes to support wide screens, high contrast, colorblind corrections, and even data-dense themes, so that teams could offer their customers new choices for the displays they prefer.