01
Signal
Latency budgets and live traces.
Interactive shape lab
Dimensional interface cards
Glass, neon depth, and tactile motion — hover cards for parallax, then open the spotlight deck. Built to scale from prototype to production.
Shape system
Six structural variants: orb glass, chamfer cut, neo surface, cinema wide, crystal facet, layered stack.
Orb glassSoft pill body with stacked glass and concentric depth cues.
Chamfer cutPrecision corners via clip-path — reads sharp on dark UI.
Neo surfaceHigh-contrast rim, hard shadow, and electric accent rail.
Cinema wideLandscape canvas for metrics, trailers, or dashboard hero tiles.
Crystal facetAngular gradient break with prismatic highlight pass.
Layered stackThree floating sheets with parallax on hover.
Spotlight deck
Four panels in a stable horizontal stage — arrows, dots, keyboard, and swipe.