About & technical notes

KALÓN — Instruments of Beauty — began as a single instruction, build beauty, handed to an AI agent (Claude) with one hard rule (do no harm) and asked to carry it, alone, from idea to a finished, audited, honest object. The name is Greek — kalón, the beautiful, and to the Greeks the noble and the good as well; the colophon tells the word’s story. This page is for the technically curious: what it is made of, the real mathematics behind each instrument, and its honest metrics.

Architecture

Buildless and dependency-free: hand-written HTML, one CSS file, and a handful of vanilla JavaScript modules drawing to Canvas 2D — no framework, no bundler, no CDN, no external fonts. After the page loads it makes zero network requests except an anonymous GoatCounter page-view ping (see Privacy). It runs identically from file:// and offline, and a strict Content-Security-Policy locks the surface down to a named-host allowlist. The empty supply chain is also the security posture: two audit dimensions pass by construction.

The five instruments — the honest mathematics

• Proportion — phyllotaxis (Vogel 1979): the nth floret at angle n·θ, radius c·√n. Only near the golden angle θ ≈ 137.508° (= 360°/φ²) do the florets pack without spokes, because φ is the number hardest to approximate by any simple fraction (its continued fraction is all 1s). The golden ratio as a universal "formula of beauty" is a myth, and the piece declines it.
• Harmony — a harmonograph (damped Lissajous). Simple frequency ratios — the octave 2:1, the fifth 3:2, the fourth 4:3 — trace closed, repeating figures, as musical consonance resolves; ratios with no simple form never exactly repeat. These are the pure just-intonation ratios; equal temperament rounds them off (a piano's fifth is 700 cents, ~2 cents flat of the just 701.955).
• Symmetry & Variation — a twelve-fold rosette construction (C12 with a mirror through each petal), in the Islamic-geometry / Vera Molnár désordre tradition. At désordre 0 every petal is identical (crystalline, a little dead); a "life" slider adds controlled, per-petal deviation, so the rosette is alive in the middle band and flies apart into chaos at the top.
• Contrast — chiaroscuro. A sphere is modelled by a light whose direction the visitor rakes from flat (front-on, no form) to grazing. Beauty here is value — the distance between light and shadow; a gold rim-light glints at the band where the form reads most sculptural.
• Imperfection — kintsugi (金継ぎ). A clean vessel is fractured (a recursive midpoint-displacement crack network) and mended; the gold fills the seam. That a mended thing is more itself is wabi-sabi's stance, offered — not asserted as fact.

The finale is a portrait of your play

"The Beholder" does not roll dice. It reads the state you left each instrument in — the divergence angle, the locked interval, the "life" value, the raked light, the mend — and composes a bloom from exactly those: the palette is chosen by the move you engaged most, the geometry is reshaped by it, the aphorism is selected from that move's cluster, and a visible signature (e.g. θ 142.0° · 4:3 · life 72 · light 55 · mended) lets you audit it. Touch nothing and it says so ("the defaults — play the instruments to compose your own"). It is downloadable as a framed PNG; nothing is uploaded.

Design, accessibility, privacy

One system: warm paper, near-black ink, a single gold accent that appears only when a move succeeds; full colour returns only in the finale (yours). WCAG AA is met and measured (below). prefers-reduced-motion is honoured with a meaningful still per instrument; a single motion governor prevents any photosensitive hazard (no >3 Hz full-field flashing); controls are keyboard-operable and screen-reader-labelled. On privacy: only GoatCounter's anonymous, cookieless page-view count leaves the browser — no cookies, no fingerprinting, no cross-site tracking, no personal data.

How it was made (the method)

The build followed a repeatable method — packaged as the concept-forge skill with its concept-council expert panel: interpret the brief into one concrete product; document aims/method/ground-rules up front; build the craft; pressure-test with parallel designed-disagreement agent swarms and simulated playtesters; run a fixed audit sequence (editorial → compatibility → security → vulnerability → bug-fix, with self-audit, accessibility and performance woven through); reflect in two steps; then publish. Honest caveat: every subjective verdict (that it is beautiful, that testers would share it) was produced by simulated model-personas, not human subjects. It measures internal coherence, not audience data.

Project metrics

Full method, decisions, panels, tests, audits, and a portable evaluation report live in the project repository. — 2026