/ colophon
Colophon
How this site is built.
Stack
| Framework | Nuxt 4 (Vue 3) |
| Content | Nuxt Content v3 (SQLite) |
| Styling | Tailwind CSS + custom design tokens |
| Icons | Nuxt Icon (Heroicons, Simple Icons, MDI) |
| Search | Fuse.js (client-side fuzzy search) |
| Theme | Midnight lacquer, pinned. There is one theme and it is night. |
Design
- Material. Midnight lacquer with drifting gold dust. One texture carries every page, fixed to the viewport so it never tiles.
- Palette. Midnight, deep midnight, gold, ink. Hairlines at twelve percent. Gold is the only voice raised.
- Typography. Cormorant Garamond for headings, Inter for body, JetBrains Mono for the micro-labels and metadata.
- Motion. Film-frame reveals on an expo-out curve. Everything honors reduced motion.
- The swan. It lives in the logo and the hero footage only. It is never drawn as line art.
Architecture: Two Planes
This site does not exist in isolation. It is one half of a deliberate two-plane system.
- Management Plane,
~/dev/repo-portfolio: The operational source of truth. Tracks all 98+ public repositories, enforces the Ormus GitHub Standard across the Libre family, maintains family taxonomy, and produces slim, versioned snapshots. - Narrative Plane, This site: The public, citable, visual record. Hosts the mascot system used by every qualifying repo, the Distillations journal, the knowledge graph, and the human story of the work.
The two planes are kept in sync through the lightweight portfolio API. One owns reality. The other makes it legible.
Content Pipeline
- Journal entries and guide chapters written in Markdown with frontmatter.
- Content maturity tracked with stage badges: seedling, growing, evergreen.
- Tags for discoverability. Related posts linked manually or scored by shared tags.
- RSS feed at /feed.xml.
Built With
This site was built with Claude Code as a development partner. Every line was reviewed and understood. The AI accelerates; the human decides.