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 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.
View source on GitHub