Tessera
A marketing site for a browser cloud that AI agents use to work on the open web. The audience is engineers, so the page sells with code instead of adjectives.
- Art direction, product design, front-end build
- HTML, CSS and JavaScript, hand-written
- Satoshi, Geist Mono
- 2026
Tessera runs fleets of real browsers for AI agents: stealth sessions, residential proxies, and an extraction API that returns typed JSON. It is infrastructure, which means the people evaluating it are engineers who have been burned by scrapers before and do not trust a hero image.
I designed and built the site from a blank file. The working rule was that every claim on the page should be checkable by a developer in the time it takes to read the headline, so code, live state and plain numbers do the persuading.
The same site at phone width. Each layout is composed for the small screen rather than scaled down.
Lead with the code
The hero puts a working snippet beside the headline: the install command, a five-line agent, and the JSON it returns with a timing. A developer can judge the product before reading a paragraph, which is the only kind of judgement this audience respects.
A dark interface that reads as a tool
Near-black canvas, a single electric blue reserved for live state and primary actions, and monospace for anything that is machine output. Keeping the blue scarce means it always signals that something is running.
Show the console, not a metaphor for it
Dashboards are usually blurred or abstracted on marketing pages. Here the session console is laid out in full, because seeing the operational view is what tells an engineer the product is real.
The design file, as it was built.
Pan and zoom the working file. Components, styles and every screen, live.
Aurelle
A site for a medspa that pairs an AI skin scan with licensed nurse injectors. The brief was to make a clinical service feel calm and premium without overpromising.
