1. Material is the metaphor
Material design is inspired by the physical world — surfaces, edges, and realistic lighting create familiar interfaces.
2. Bold, graphic, intentional
Use typography, color, and imagery to create hierarchy and meaning.
3. Motion provides meaning
Motion should be responsive, natural, and help users understand spatial relationships.
4. Adaptive design
Design for all screen sizes with responsive grids, breakpoints, and reflowable layouts.
5. Depth and elevation
Use shadows and elevation to create visual hierarchy and indicate interactivity.