Metamaterial Attributes

Metamaterials dictate how a surface responds to the scroll canvas beneath it. It affects opacity, blur, and base contrast.

Material: Paper

Opaque and warm. Used for stable documents that want full reading focus without the distraction of layers passing underneath.

Material: Glass

Translucent with a heavily blurred backdrop (like `backdrop-filter: blur`). Best for floating panels that should feel lightweight and aware of their environment.

Material: Matte

Flat, low-contrast, and solid. Used for background structures, secondary asides, or anything that needs to recede from primary attention.

Material: Field

High-contrast, saturated environment used for interactive staging, active tests, or alert states.