← TEN Master Guide

How the exhibition was built

One pipeline,
run ten times.

Ten Awwwards-caliber directions for one real agency, designed and built end-to-end by Claude (Anthropic) — code, art direction, copy staging, QA. This is the workflow, written so you can reproduce it.

Creative direction

It starts with one document per direction: a named concept, a strict palette, a typographic voice, one signature interaction, and a hard rule about what the site refuses to do. Ten concepts were chosen to be mutually exclusive — if two could be confused at a glance, one was replaced. The factual universe is a single shared content.json: real services, real projects, real contact copy. Nothing may be invented, only restaged.

Asset generation

Imagery and video were generated with GPT Image 2 (stills — copperplate engravings, deco travel posters) and Kling 2.6 (video — the mercury owl, the breathing ink owl) through the Higgsfield CLI. Prompts were written per direction in that direction's own vocabulary, iterated until the asset looked commissioned rather than generated, then compressed hard (WebP / AV1) for the web.

Ten parallel builds

Each direction was built as an independent static Astro site — no shared components, no shared CSS, so no direction could leak into another. Every build went through three mandatory iteration passes: screenshot the real rendered page, write at least five concrete criticisms, fix them, repeat. The criticisms are logged next to the code in qa/PASSES.md.

QA under Playwright

Every site is audited headlessly with Playwright: zero console errors and zero page errors tolerated, full-page screenshots at 1440×900 and 390×844, keyboard navigation checked, prefers-reduced-motion honored, payloads kept lean. The hero screenshots you see in the gallery are those QA captures.

Ship

Each site deploys to its own Cloudflare Pages project — nomadic-<slug>.pages.dev — plus this hub at nomadic-ten.pages.dev. Static output, self-hosted fonts, no runtime dependencies. And every site carries a /guide route like this one, explaining its own construction, so the whole exhibition is reproducible.

The ten, on the record

  1. 01 Nocturne WebGL · Scroll camera guide
  2. 02 Dispatch Pure typography · Zero images guide
  3. 03 Herbarium SVG line-drawing · AI engravings guide
  4. 04 Quicksilver WebGL matcap · AI video hero guide
  5. 05 Console Working terminal · CRT craft guide
  6. 06 Pasteup Riso overprint · Draggable collage guide
  7. 07 Washi Negative space · AI ink video guide
  8. 08 Voyage Scroll-drawn route · AI posters guide
  9. 09 Velocity Variable font axes · 3KB JS guide
  10. 10 Borealis Raw GLSL · ~4.5KB JS guide

Every fact on every site comes from one shared content.json — services, projects, contact copy. The rule that made ten universes possible: never invent, only restage.

Shoot an offer →