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 glass
Soft pill body with stacked glass and concentric depth cues.
Chamfer cut
Precision corners via clip-path — reads sharp on dark UI.
Neo surface
High-contrast rim, hard shadow, and electric accent rail.
Cinema wide
Landscape canvas for metrics, trailers, or dashboard hero tiles.
Crystal facet
Angular gradient break with prismatic highlight pass.
Layered stack
Three floating sheets with parallax on hover.
Spotlight deck
Four panels in a stable horizontal stage — arrows, dots, keyboard, and swipe.