How this site is built.

The same design language as akaOSS: mono for structure and sans for prose, uppercase mono kickers labelling every section, depth from a 1px border and a translucent fill rather than a shadow, and motion that translates and displaces rather than flashing.

Everything is greyscale on a warm near-black ground. Each plugin owns exactly one accent and spends it on a single dot. Light and dark are both real themes; press D to flip.

Next.js App Router with Tailwind v4 and the shadcn token conventions. Every page and every section is a Server Component. The client boundary is drawn as deep in the tree as it goes: the theme provider, the theme toggle and the canvas mark, and nothing else.

The site reads no environment variables and calls no APIs. All four routes are statically prerendered.

Versions, formats, plugin codes and platform support are read out of each plugin’s own CMakeLists and committed as JSON, so the site cannot drift from the builds. Where a README and a build disagree, the build wins: i4’s README claims a universal binary, its CMakeLists does not configure one, and these pages say Apple Silicon.

Prose stays hand-written. Only things with a single correct answer are generated.

The marks are a single component, PixelRack, built on the same grammar as akaOSS’s PixelHead: a deterministic hash PRNG, one sampled cell set, an assemble-and-hold timeline, colour resolved from the theme foreground and repainted when the theme flips.

Where it differs is the point of it. The field is a rounded panel rather than a disc, and each plugin’s idle motion is what that plugin actually does. Device geometry is laid out in whole cells rather than normalized space, and block counts derive from the grid, so a row of steps is always two cells on and one off whether it renders at 26px in the nav or 360px in a hero.

i4’s wave is carved every frame rather than sampled out once: four detuned partials drift against each other while the read position travels, so the window both moves along the sample and changes shape as it goes. The loop is gated on an IntersectionObserver plus visibilitychange, repaints on theme change even while paused, and reduced-motion gets one still frame and no loop at all.