About
Our design foundations provide standards and guidance to help designers and developers work together more efficiently. They describe the visual language upon which all of our components are built and lay the groundwork for clear and consistent product experiences.
Carefully selected to support flexible and effective visual communication, while creating more accessible and inclusive user experiences.
We support a range of icons of different sizes and colors that can help enhance components and indicate functionality to users.
Our motion design framework drives the use of component animations that are intentional, engaging, consistent, and inclusive.
Our spacers help lay out components consistently, while simplifying communication between designers and developers.
Our typography guidelines specify how you can use different font and text styles to create strong visual hierarchies.
Our usage and behavior guidelines help you decide when to use the best component for scenarios where multiple may be relevant.
