Craft / Behind the Instrument

Colophon

How this site is designed and built: for the curious, and for anyone who believes the craft of a thing should survive inspection.

Design Language

The site is designed as a precision optical instrument: deep-space navy, a cyan accent rationed carefully with a violet reserved for the wireframes, blueprint grids, hairline rules, film grain, and a reticle cursor that locks onto whatever you consider. Every decorative element borrows from the visual vocabulary of computer vision: corner brackets, point fields, morphing wireframes, a masthead that converges like a stereo pair.

In light, the instrument becomes its own printout: warm paper stock, printed ink rules, and a slightly heavier grain, because the grain is the paper.

The typography pairs an engineered grotesk with a literary italic: machine and mathematician, systems and scholarship.

The Mark

The monogram is the name drawn in geometry: a V, for vision, holding an eye. The nested diamonds are iris and pupil; the chevron beneath is the letter. It hides in plain sight: once seen, never unseen.

machine-traced vector · one colour of ink · adrift in 3D on the lost page

Typefaces

Shahnawaz Ahmed

Space Grotesk/Display · masthead, headings, numerals

observable and accountable

Lora/Voice · italic accents & long-form prose

Engineering reliable intelligence

Inter/Working text · body & interface

Tray scanned in · verified

JetBrains Mono/Telemetry · labels, dates, readouts

Signature Details

⌘K

A command palette that searches every page and the full text of every entry.

G

Press G anywhere to reveal the calibration grid the layout is built on.

The theme toggle irises between dark and light like a camera aperture.

The hero point field assembles local surfaces around your cursor: a nod to a PhD spent finding structure in low-texture scenes.

Entries you have read are quietly marked in every ledger, stored only in your browser.

§

Every entry heading carries a copyable deep link; every entry ends with a citation block.

The masthead arrives as a stereo pair: two views of the name converging into one calibrated image, the way stereo vision recovers depth from two eyes.

The mark mathematicians use to close a proof closes pages here too: the site rests its case rather than trailing off.

Stack

Built with Next.js and TypeScript, styled with Tailwind CSS, content authored in Markdown. No animation libraries: every movement on this site is hand-written CSS or a few kilobytes of vanilla canvas and IntersectionObserver code. Statically generated, self-hosted type. Designed and engineered in London.

A site about watching that barely watches back: a single cookieless counter notes which pages are read, never by whom. No cookies, no identifiers, nothing looking over your shoulder.