Materials
Shape, depth, and movement for interface surfaces.
Glass
Refractive glass for floating controls and surfaces over visual content.
Shadows
Elevation from a hairline edge up to high-focus overlays.
Radius
Corner rounding from tight chips to full pills.
Motion
Shared timing and easing bring material changes to life.
ease-passiveHover the trackcubic-bezier(0.5, 0, 0.1, 1) · onset 20.7% · Ambient, system-initiated
ease-enterHover the trackcubic-bezier(0.32, 0.08, 0.24, 1) · onset 13.1% · Surfaces arriving
ease-moveHover the trackcubic-bezier(0.22, 1, 0.36, 1) · onset 2.3% · Things travelling across a surface
ease-snapHover the trackcubic-bezier(0.1, 0.9, 0.2, 1) · onset 1.2% · Direct response to a pointer
Transition tokens
Purpose-built durations and curves for surfaces, indicators, and properties.