Colophon

How this is made

The materials and the method.

Typography: Fraunces for the headlines, a soft serif with a wonky italic, set with optical sizing. Geist for text and Geist Mono for the numbers that tick. Served through next/font, subset to Latin.
Photography: The portraits and the client work are by Wes Sullivan for Creative Flow Studio unless credited otherwise. The conference photographs are from the Four Corners AI Conference at Fort Lewis College. Screenshots are captured from the live sites.
Stack: Next.js 15 (App Router) with React 19, Tailwind CSS 4 for the token system, GSAP and Lenis for motion, Velite for typed MDX content, Vercel for hosting, pnpm for packages. No CMS; every case study is a file in the repository.
The map: The Four Corners are two lines: the 37th parallel and the 109th meridian, which cross at the monument. Every pin is projected onto that cross from the project's coordinates, and a thread runs to each from Durango.
The weather: The strip under the headline reads Durango's temperature, sky, wind and the next sunrise or sunset from Open-Meteo, in the browser, every visit. No key, no tracking.
The answers: Ask me anything is Claude, given nothing but the text of these pages and told to say so when it doesn't know. Nothing you type is stored. For anything real, email.
Motion: Everything renders finished on the server. A script that runs before first paint arms the reveal states; each element then settles into focus when it enters the viewport. Under prefers-reduced-motion nothing moves.
Light: Three soft colours, sandstone, sage and sky, drift behind every page. Paper by day, Slate by night, following the system unless you choose otherwise. There is a third.
Accessibility: Semantic landmarks, a skip link, visible focus rings, tabular numerals, contrast held above AA in every theme. Games in the Lab run in sandboxed frames with their own controls.