Sidebar ⌘B
Frost glass
Translucent materials over a blurred, saturated backdrop, each with its own edge and catch-light.
Materials
frost-thin
Blur 12px, saturated.
frost
Blur 24px, saturated.
frost-thick
Blur 40px, saturated.
tint
Blur 24px, saturated.
A floating toolbar
Glass needs something behind it. Use it for surfaces that float over content: toolbars, headers over a scrolling page, panels over imagery. Without blur support, or when someone asks for less transparency, it turns solid.