Skip to main content
Our Story Your Compass What We Do Field Notes The Next Thing

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.

Static Engine

Eleventy (11ty) ↗

A zero-config-lockin static site generator transforming Nunjucks templates and Markdown into pure, blazing-fast HTML without any runtime server footprint.

Progressive State

Alpine.js ↗

Minimal, declarative reactivity used selectively for progressive enhancement: the Adventure Compass quiz engine, real-time archive search, and persistent archetype tailoring.

Architecture

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.

Display & Headings

DM Serif Display

Designed by Colophon Foundry ↗ (via Google Fonts ↗). High contrast, elegant transitional serif shapes that lend warmth, literary gravity, and editorial confidence.

Prose & Interface

Hanken Grotesk

Designed by Alfredo Marco Pradil / Hanken Design Co. ↗ (via Google Fonts ↗). A geometric-humanist sans-serif engineered for sustained long-form reading comfort.

Metadata & Indices

JetBrains Mono

Designed by JetBrains ↗. Fixed-width typography for timestamps, index numbers, archetype tags, and code blocks—bringing operational rigor to editorial layouts.

Iconography System

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.

Gatherer
Explorer
Craftsman
Catalyst
Storykeeper
Architect

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.

Coffee Black (#121211)
Warm Sand (#E8E2DA)
Paper White (#F9F8F6)
Muted Clay (#8C7361)

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.
  • Syndication Freedom: Full Atom/RSS syndication available at /feed.xml for open web subscribers.

Pull up a chair

Let's see
where
this leads.

For new projects, unexpected collaborations, or simply a good conversation.

Tell us about the spark ↗