We have 7 different levels of elevations in the Dark theme including a resting or flat elevation.
We have 7 different levels of elevations in the Light theme including a resting or flat elevation.
Elevation is the relative distance between two layers and is used to indicate depth along the z-axis. We use them to communicate action hierarchy by putting more emphasis on the most elevated elements on the interface.
Overview
Color palettes bring visual consistency and help create a uniform style across interfaces. Each color has a defined function and relationship to its environment, so it's important to have well-defined rules to use these palettes to ensure accessibility.
Our Design system has a set of 4 color palettes. We apply colors for components, backgrounds, shadows, borders, and content using these sets of colors.