Physics & Materials

Effects & Materials

Defining the laws of physics for the Trans-Hub interface: from the frosted glass of the future to the neon pulse of the machine.

The Glass Lab

Material Synthesis

Blur Strength10px

Opacity75%

Standard panel material used for overlays, modals, and sticky headers.

backdrop-filter: blur(10px);

background: color-mix(in oklch, var(--carbon-900) 75%, transparent);

Lighting & Energy

Active Energy

Matter

Paper Shadowshadow-md

Energy

Neon Glowshadow-neon

Subtle

border-subtle

Strong

border-strong

Interactive

border-brand