Design
Color
Guide the experience with coherence and emotion.
Elevation
Interaction States
Make the interactive components’ behavior predictable and explicit.
Layout
Define the structure and spacing of user interfaces in a fast and composable way.
Shape
Meaningfully direct attention differentiating entities from standard components.
Size
Ensure balance and coherence in each context aligned with the hierarchy and information density.
Space
Create balance and give people breathing room to focus on what matters.
Typography
Make content easier to scan and read establishing hierarchy.