Clarity Design System
UX guidelines, HTML/CSS framework, and Angular components working together to craft exceptional experiences
View the source on GitHub
Designed for designers and built for developers
UX guidelines
Reference UX guidelines that stem from ongoing research and exploration, making it easy to design cohesive experiences.
HTML/CSS
Start building with our HTML/CSS framework and rapidly go from prototype to production.
Angular
Use our set of data-bound and performant components on top of Angular to add interactivity
From prototype to product, faster and better
Product-based
We work closely with product teams to understand and solve the vast array of challenges they face. These solutions are built into Clarity and contributed back to the community.
Rapid development
Clarity’s shared foundation of design and development makes communication and collaboration between different areas of expertise easier than ever.
Evolving
Design patterns and technology change quickly. Clarity is built to anticipate and adopt to changes quickly and easily.
Reliable
We have a dedicated team focused on shipping frequently, with a high bar of quality standard.