01 · GlobeA slowly spinning globe. Pick a city and it turns and zooms in.
02 · Depth stackA five-layer card stack in true 3D, tilted by pointer or phone orientation.
03 · Magnetic typeVariable-weight Manrope swells near the cursor while the letters bend away.
04 · Scroll morphOne set of nine shapes morphs from circle to slabs to grid as you scroll.
05 · Liquid cursorA soft teal trail follows your cursor and melts together.
06 · Sliced assemblySeven strips of one headline slide in from alternating sides as it scrolls into view.
STATIC DIVISIONSWEBMOTIONBRANDSTATIC DIVISIONSWEBMOTIONBRANDSTATIC DIVISIONSWEBMOTIONBRANDSTATIC DIVISIONSWEBMOTIONBRAND
STATIC DIVISIONSWEBMOTIONBRANDSTATIC DIVISIONSWEBMOTIONBRANDSTATIC DIVISIONSWEBMOTIONBRANDSTATIC DIVISIONSWEBMOTIONBRAND
STATIC DIVISIONSWEBMOTIONBRANDSTATIC DIVISIONSWEBMOTIONBRANDSTATIC DIVISIONSWEBMOTIONBRANDSTATIC DIVISIONSWEBMOTIONBRAND
07 · Scroll marqueeThree rows speed up, flip direction and skew with your scroll velocity.
08 · Shader fieldA WebGL fragment shader of warped noise that bends toward the pointer, with a CSS fallback.
09 · Plucked stringA wave-equation string: brush the cursor across it, let go, and it softly settles flat.
10 · Chromatic revealA spotlight reveals the image in split RGB channels that drift apart as you move.
Signal lock50.0
locked
hover or tap
11 · Signal lockA row of fine ticks sweeps and snaps into a clean reading wherever you hover or tap.
12 · Scroll depth logoThe three slabs of the mark pull apart into depth layers as you scroll, and close again on the way back.
13 · Type into the logoLetters fly into the slabs.
14 · Time-of-day paletteThe teal hue shifts slowly with your local hour. Drag the scrubber to preview other hours.
15 · Hold to glitchPress and hold the logo: it tears with horizontal static. Release and it snaps clean.
16 · Warp gridMove your cursor across the grid.
