Site notes
Colophon
How colelyons.com is written, typeset, built, and tested, including where authorship and AI assistance begin and end.
Paper and ink
Warm paper, near-black text, and burnt orange give the site its palette. The layout introduces my independent consulting work, with room for writing, photographs, project evidence, and diagrams when they help explain the work.
The shared controls form Cole UI, a small Astro component system using native links, disclosures, and dialogs. Keyboard navigation stays immediate, and reduced-motion preferences are respected.
Typography
Source Serif 4, designed by Frank Grießhammer for Adobe, carries display type, prose, and true italics. Inter, created by Rasmus Andersson, handles navigation, metadata, controls, and compact evidence. Both families are self-hosted variable fonts distributed under the SIL Open Font License 1.1. The site supplies system fallbacks so reading does not depend on either font arriving.
Authorship and assistance
I write, review, and approve the public record. AI tools can help organize research, propose edits, implement code, and exercise tests. They do not decide what I believe, supply permission, or turn an uncertain claim into a fact. Source choice, factual boundaries, credit, privacy, and the decision to publish remain my responsibility.
Architecture
The publication is built with Astro and MDX content collections, and the production build generates static HTML, CSS, images, fonts, and a small amount of progressive-enhancement JavaScript; an edge worker delivers those static artifacts, while a service worker provides an offline fallback and freshness-aware caching for successful, cacheable navigation responses. Cole UI keeps ordinary links as fallbacks and builds disclosures and focused artifact inspection on native HTML, so core reading does not depend on a client framework.
Cases, Essays, artifacts, identity records, and machine-readable surfaces share structured content contracts; private editorial fields and draft fixtures are excluded from the public build.
The contact page includes a project inquiry form and direct email. The edge worker saves accepted inquiries in a private Cloudflare D1 database before confirming receipt. Optional email notifications point to that saved record; they are not the record itself. The form retains entered text when a connection or validation error occurs. See privacy and inquiry information for information handling.
Access and weight
The site is designed as a readable document first: semantic landmarks and headings, visible keyboard focus, natural reflow, useful print output, forced-color support, reduced-motion behavior, and no essential content hidden behind JavaScript. Fonts are local and optional, images declare their dimensions, and static pages keep the runtime small. These choices support accessibility and performance; they are an ongoing practice, not a claim of universal conformance.
Finding connections
Explore searches a versioned index of the approved public pages. Authored reading trails connect pieces by a shared question. The optional AI feature selects relevant source passages and shows their full text with links; it is unavailable until its provider and usage limits are configured. Generated interpretations require a separate review before activation. Neither mode changes the published writing.