Materials & Vibrancy

Material

A translucent, blurred layer that lets the content behind it show through, used for functional chrome (bars, sheets) so the interface feels layered rather than opaque.

backdrop-filter: blur() over a semi-transparent background — a toolbar the content scrolls beneath.

Toolbar
Watch chrome blur scrolling content

One of 220 cards in the Apple HIG deck. Browse every card.