Foundations
Elevation & glass
Depth from surfaces, glass, and a soft glow — not heavy shadows.
Surface ladder
light
Canvas
--bgSunk
--surface-sunkSurface
--surfaceSurface 2
--surface-2Elevated
--elevateddark
Canvas
--bgSunk
--surface-sunkSurface
--surfaceSurface 2
--surface-2Elevated
--elevatedGlass surfaces
Each frosted surface reads over the ambient aurora. Note how the frost differs between light and dark.
light
.panel.glass.glass-chrome.glass-modal.popover.sunkdark
.panel.glass.glass-chrome.glass-modal.popover.sunkGlow & shadows
.glow-accentshadow-popshadow-panelShadows are used sparingly — for menus and pop layers that float over content.