Materials

The application shell (top bar and side menu), panels, menus and cards use a glass material: a translucent fill, background blur and a thin light rim. This documentation site is deliberately plain and shows glass only as an example.

Layers

• Shell — top bar and side menu: translucent fill and blur.
• Panel — floating windows: an almost opaque fill keeps text readable.
• Menu — popovers and menus: the same fill as panels.
• Card — no blur; a high share of its own color, a sheen and a rim.

Glass uses no shadow. Browsers without blur support draw an opaque fallback surface. In the dark theme the fill comes from the theme surface.

Tokens