Collective Paradox

P2 · Direction

Three ways in. Pick one.

Each mockup is a working hero plus the four sections every direction shares: thesis, the work, services and contact. Scroll each one; the hero is the difference.

  1. AThree.js r128 · GSAP pin

    The impossible object

    An impossible figure drawn like an engineering plate. Three bars at three depths; scroll turns it until, from the right angle, they close into one object.

    Mockup A at 1440 wide: the impossible figure in red, chartreuse and green beside the headline
  2. BGSAP pin · SVG grain

    The collision

    A GTM data grid and a film-grain frame slide in from opposite sides and meet at the headline: strategy and production hitting the same point.

    Mockup B at 1440 wide: a green data grid and a dark film frame on either side of the headline A collision is coming
  3. CGSAP pin · 2D canvas

    Below the waterline

    You see the ad on the surface. Scroll dives below it to the engine underneath: customer #1, positioning, channels and hiring, read off a depth gauge.

    Mockup C at 1440 wide: a white surface with an ad frame above a dark sea headed We build what's under it