Clarity UI for all


VMware did something pretty cool today. They released to GitHub the entire UI framework called Clarity. Clarity provides UX Guidelines, HTML/CSS and Angular2 resources for VMware’s styling going forward. This is pretty exciting.

What is Clarity?

In their own words:
Project Clarity is an open source design system that brings together UX guidelines, an HTML/CSS framework, and Angular 2 components. This repository includes everything you need to build, customize, test, and deploy Clarity. For complete documentation, visit the Clarity website.

Who is using it?

The new vSphere 6.5, Log Insight 4.0, and the vCenter 6.5 UI are all based off of this. All UI’s going forward within VMware are dictated by this project.

Some of the uses others can get out of Clarity:
* Frontend development
* Slick documentation
* Iconography for designs
* Similar feel for tools/ecosystem

Sketch UI

The Sketch UI kit is pretty cool. The Sketch file provides workable examples for mockups, icons, layouts, sketchboards, and more. It also provides the ability to create sound icons and other components that can be used.


I think one of the best things about this is that anyone who uses a VMware product can provide feedback. If you like or dislike how a component, feature, style, button, dashboard, or heatmap is put together then raise an Issue. It can be modified and rolled out or spark a discussion.

This is a great step moving forward to building an ecosystem of friendly interfaces.


One thought on “Project Clarity

Leave a Reply

Your email address will not be published. Required fields are marked *