Design Tokens
Design tokens are the building blocks of all UI elements. The same tokens are used in designs, tools, and code.
Colors
The color system handles the variability of dynamically changing color schemes that arise as user inputs change.
Elevation
Elevation is measured as the distance between components along the z-axis in density-independent pixels (dps).
Shape
The shape system uses a size-based scale with seven styles. Styles are assigned to components based on the desired amount
Typography
TypeScale
States
Types
Layout
The Design System currently support mobile devices only.
Icons
The Design System uses Google Material Symbols.
Themes
The Design System supports 3 different themes: