Making-of
How this website was built
From the ship log · counted while you read
How this
site got built.
Told only from the build log. The numbers are counted from it while you read, and nothing is added that the log does not say.
From 20 September 2026 to 24 September 2026. Counted from the log when this page loads.
01 · Timeline
The days,
to scale.
Drag through the build. The empty day stays empty; a log that skips it would be a nicer story and a worse one.
- Build 19
- Secure 1
- Comply 3
- Enable 4
One column per calendar day, one block per entry. Σ counts everything up to that day.
Day 5 of 5
Thursday, 24 September 2026
By the end of this day: 27 entries · 40 paths
The way in: German, search, onboarding, tools, an assistant, careers.
- Build
- BuildThe way in: how it starts, pricing, trust, the brief
Seven onboarding steps, a pricing page that marks what is not decided, a Trust Center with a status on every answer, and a three-minute brief that picks up what you collected on the site.
- BuildThree tools, two industries, six templates
An AI Act classifier updated for the Digital Omnibus, a void finder, a production check. Industry pages for media and finance with the rules and their sources. Templates to copy.
- BuildAsk Voidgap and a client space
An assistant that answers only from this site, labels itself as AI and publishes its own eval card. Plus a sample client space: proposal, kick-off, status with an eval gate, handover.
- BuildCareers: apply with a video
A careers page where you record or upload two minutes and add your LinkedIn. No cover letter. Three example roles until the real ones are set.
- BuildSearch engines and AI crawlers
Titles, descriptions, canonicals, hreflang for English and German, structured data, a sitemap, robots.txt, llms.txt and a preview image for every page.
- BuildFaster, readable, reachable by keyboard
Orange text on light bands now meets 4.5:1, a skip link on every page, the custom cursor no longer hides the real one, and the home page shows its content without waiting for the intro.
- BuildGap Meter and Agent View
The site measures how much of your gap you have closed while you read, and one switch shows every page the way an AI agent reads it: plain Markdown.
- Build
- SecureShip happens, open evals, a countdown
A library of public AI failures with cause, fix and the gate that would have caught them. A sample eval board. A countdown widget for other websites.
- ComplyThree guides and five comparisons
Long reads on the EU AI Act after the Omnibus, AI literacy under Art. 4 and AI agents, each dated and sourced. Plus RAG vs. fine-tuning, enterprise assistant vs. own, ISO 42001 vs. 27001, AI Act vs. GDPR.
- Enable
02 · Numbers
Counted,
not claimed.
Each number comes with how it was counted. No hours, no lines of code, no coffee: the log does not record them, so neither do we.
- 27entries in the log
SHIP.length - 5days from the first entry to the latest
last − first + 1 - 4days with at least one entry
empty: 21 Sep - 13entries on the busiest day, 23 September 2026
48 % of all - 40different paths linked from the log
new Set(links).size - —pages: counted only in the combined prototype
Object.keys(pages) - 0open values marked on this page
querySelectorAll('.ph') - Entries by move
- Build 19
- Secure 1
- Comply 3
- Enable 4
count(e[6])
03 · Principles
What you can
check yourself.
Six principles the build followed, each with a live sample and a page where you can see it.
- 01Every open value is marked
Prices, dates, names: what is not decided shows as a dashed box, not as a guess.
… · to decideSee it: Pricing - 02Sample data is marked
Cases, roles and the client space run on examples until real ones are cleared. Each one says so.
sample fictional draftSee it: Case studies - 03AI is labelled
The one assistant on the site says it is an AI, answers only from these pages and publishes its eval card.
You are talking to an AI.See it: Ask Voidgap - 04English and German from one source
Every new page is one file with each sentence written twice, side by side. A change in one language is hard to miss in the other.
See it: Ship Logt('Small team.','Kleines Team.')
→ Small team. - 05Calm motion
Motion explains, it does not decorate. If your device asks for reduced motion, the site stops moving.
Reduced motion here: onSee it: Brand guide - 06Typography first
One typeface for people, one for machines. No stock photos; typographic covers instead.
AaSee it: Magazine24 Sep 2026
04 · Built with AI
Built with AI.
Labelled.
An AI consultancy that hides its own AI would be a bad start. This is how the prototype was made.
- Tool
- Claude by Anthropic, in Cowork
- What it did
- Wrote the pages of this prototype from written briefs: code, layout, and the English and German copy.
- The rules
- Nothing invented: no clients, numbers, quotes or people. Anything undecided becomes a marked placeholder.
- The check
- Screenshots of each new page on desktop and mobile, in both languages, plus a test for script errors and sideways scrolling.
- Who decides
- who reviews what before launch · to decide
The raw version
Read the
log.
Every entry, newest first, with a link to what shipped.