Production Notes & Atelier Spec
Colophon.
How this digital space is built, styled, rendered, and stewarded with care over polish.
Foundation & Runtime
The Engineering Stack
We believe the best software is resilient, fast, and unburdened by unnecessary complexity. There are no client-side single-page framework hydration waterfalls, no bloated bundles, and zero tracking scripts.
Eleventy (11ty) ↗
A zero-config-lockin static site generator transforming Nunjucks templates and Markdown into pure, blazing-fast HTML without any runtime server footprint.
Alpine.js ↗
Minimal, declarative reactivity used selectively for progressive enhancement: the Adventure Compass quiz engine, real-time archive search, and persistent archetype tailoring.
Pure OCSS
An inverted triangle design system (Tokens → Objects → Components → Utilities) authored in modern, semantic CSS with CSS custom properties and zero utility bloat.
Typesetting & Voice
Typography Scale
Typography carries the soul of Camwyn & Co. We pair high-contrast editorial serifs with open humanist grotesques and monospaced data markers to balance craft, story, and precision.
Designed by Colophon Foundry ↗ (via Google Fonts ↗). High contrast, elegant transitional serif shapes that lend warmth, literary gravity, and editorial confidence.
Designed by Alfredo Marco Pradil / Hanken Design Co. ↗ (via Google Fonts ↗). A geometric-humanist sans-serif engineered for sustained long-form reading comfort.
Designed by JetBrains ↗. Fixed-width typography for timestamps, index numbers, archetype tags, and code blocks—bringing operational rigor to editorial layouts.
Metrize Circled Icons ↗
Designed by Alessio Atzeni ↗. Clean, geometric line-art iconography encapsulated in subtle circular boundaries—bringing tactile clarity to our navigation rail, archetype badges, and field note filters.
Ethos & Materials
Generous Minimalism
Our aesthetic is rooted in rural stewardship and the quiet discipline of the workshop: generous margins, high-contrast readability, honest materials, and room for conversation.
Standards & Integrity
Accessibility & Respect
- WCAG 2.1 AA/AAA Compliant: Every color pair, interactive element, and typography scale is mathematically checked against contrast ratios up to 18:1.
- Zero Tracking & Cookies: No behavioral trackers, advertising pixels, or telemetry beacons. Your reading experience is completely private.
- Minimal Data Conduits: We run zero analytics, tracking beacons, or marketing scripts. When you submit a project dispatch via The Next Thing, messages route cleanly through a single external form relay (Formspree) without databases or tracking cookies—detailed fully in our Privacy Policy →.
- Syndication Freedom: Full Atom/RSS syndication available at /feed.xml for open web subscribers.
- Discoverability & Sitemaps: Human-readable navigation directory at /sitemap/ and crawler index at /sitemap.xml.
Open Craft & Transparency
The Public Workbench
We maintain the complete source code for this site as an open repository. If we believe that smart can be warm and that software should be durable, accessible, and unburdened by bloat, the most hospitable proof is to leave the workshop door unlatched.
You can inspect our zero-framework build pipeline, automated accessibility harnesses, Architectural Decision Records (ADRs), and Pure OCSS design system directly on GitHub:
The software scaffolding—Eleventy templates, Pure OCSS stylesheets, Alpine.js stores, test runners, and build configurations—is open source under the MIT License. Our personal brand identity, Field Notes essays, family recipes, original photography, and the 6 Archetypes creative matrix remain strictly All Rights Reserved. Read the full terms in LICENSE.md ↗.
