Foundations
Foundations create engaging user experiences. These include our tokens, guidelines, and visual styles: color, spacing, typography, and more.
A spacing system simplifies the creation of page layouts and UI.
Grid is used to position content and create consistent page layouts.
Color distinguishes our brand and reinforces experiences across apps.
Typography is our system of fonts and text styles.
Icons are visual representations of commands and common actions.
Illustrations help convey complex ideas in a simple way.
Logos are the visual representation of a brand or app.
Elevations are layered surfaces that form the foundation of UI.
Define boundaries, separate components, and add visual emphasis.
Define and standardize the corner roundness for visual elements.