Skip to content
darkroom.engineering
WorkAboutContact
Let's talk→

Nav

  • home
  • work
  • about
  • contact

open source

  • all OSS projects
  • satus
  • lenis
  • hamo
  • tempus
  • elastica
  • aniso
  • cc-settings

social

  • github
  • X (twitter)
  • Instagram
  • LinkedIn

Inspiration

    darkroom

    ©2026 darkroom.engineering

    all rights reserved

    Harbor insures the agentic economy: it measures, mitigates and insures the risks AI agents bring into a business. We built harbor.ai as paper and ink, where one agent cube, drawn by a single shader, carries the story from inventory to a signed policy. Phones never load WebGL: they get stills and clips of the same scene.

    Year
    2026
    Client
    Harbor
    Type
    ai
    Role
    Development, WebGL, CMS
    Stack
    next / three / GSAP / lenis / sanity
    Visit harbor.ai
    01The page loads line by line, then states the problem word by word

    Page load

    Each word inks in as it scrolls past

    02One agent cube: a 24-vertex box and a paper-grain shader

    Spun in the browser with its own shader

    Under the shader, a plain box

    The ink lines bend toward the pointer

    03Inventory: the same shader, instanced into a swarm

    A sonar sweep turns over the agents

    The swarm gives way to one cube

    04Measure, mitigate, insure: HTML cards tied to WebGL ink

    Three risks, measured

    Each risk gets its control

    A cage closes around the rest

    The cube becomes the policy’s seal

    05Framework: a hull of agents that turns toward the pointer

    Steered by the pointer

    06Three dimensions of risk, broken into a grid and scoped

    Each face lifts as its dimension is named

    The cube becomes a grid

    Scoped by architecture, industry and jurisdiction

    Regrouped into technical and governance controls

    07Product: a drawing that measures wherever the pointer goes

    Four zones, each with its own measure

    Over the cube: its width and height

    In the field: the slice under the pointer

    Bottom left: a ball that rolls with the pointer

    Bottom right: the angle to the pointer

    08Product: the platform drawn in HTML and SVG

    Monitoring

    Guardrails

    Static analysis

    Adversarial testing

    09Colour and type
    • White

      #FFFFFF

    • Ink

      #0E0F0D

    • Forest

      #0B3527

    • Paper

      #F6F3EA

    • Parchment

      #F4F0E7

    • Dune

      #ECE8DF

    AffairsDisplay: headlines and step titles

    Insurance for the Agentic Economy

    ABC DiatypeText: body copy

    Discover and catalog every AI agent deployed across your organization.

    ABC Diatype MonoLabels, buttons and measures, in capitals

    Technical controls · Get in touch

    Next project

    Oreo & BTS
    Become an Open Source Sponsor