Styles
Styles are the visual aspects of a UI that give it a distinct look and feel. They can be customized by changing your Material theme.
ColorColor is used to express style and communicate meaning. With dynamic color, Material puts personal color preferences and individual needs at the forefront of systematic color application.
ElevationElevation is the relative distance between two surfaces along the z-axis. All surfaces and components have elevation values.
IconsIcons can be used to represent common actions. Material Symbols are a set of variable icon fonts created at seven weights across three different styles.
MotionUse motion to make a UI expressive and easy to use. Material transitions help guide users as they navigate an app.
ShapeThe shape scale defines the style of container corners, offering a range of roundedness from square to fully circular.
TypographyUse typography to make writing legible and beautiful. Material's default type scale includes contrasting and flexible styles to support a wide range of use cases.