← agentify  ·  lab  ·  background prototypes

Four ways to dress the white background.

Each prototype runs full-screen, sits behind the AGENTIFY hero, and obeys the brand: black on white, IBM Plex Mono + Inter, lightweight enough to ship on a phone. Each one earns its presence with a different metaphor for what AGENTIFY does.

4prototypes 0external js libs <15kbper prototype (raw) 60fpstarget on iphone 13
01
Truchet weave
svg · pure markup · ~6kb

A grid of Smith-Truchet tiles, each a pair of quarter-circle arcs in opposing corners. Every few seconds a random tile flips orientation. The modular composition mirrors the 30-checkpoint audit; the pattern is never repeating but always feels intentional.

02
Audit grid pulse
css · dom · ~3kb

A faint grid of dots. Every 800ms a random dot pulses, as if a live diagnostic is running its 30-point check across the surface. Most pulses fade to dim. A small minority flash as fails. Most literal of the four: the page itself looks like an agentify audit.

03
Crawler traces
canvas 2d · ~4kb

Thin lines traverse a hidden grid, starting at random edges, occasionally pausing at intersections that read as well-known files. Sparse, never more than four concurrent. The metaphor is the one AGENTIFY exists to serve: agents crawling, finding, calling.

04
Halftone shader
webgl · single fragment shader · ~5kb

A field of black dots on white, sizes modulated by a slow flow field of Perlin noise. Editorial print-era gravitas, machine-generated. One fullscreen quad. The GPU does the work; the CPU barely notices.