Colophon — Coffee Not Sleep

Built with

Framework: Astro 6 — fully static output.
Language: TypeScript in strict mode throughout.
Styling: Tailwind CSS v4 with custom design tokens — fluid type scale and space scale built on the Golden Ratio using the Utopia methodology.
Content: Written in MDX, drafted in Obsidian.
Search: Pagefind — fully static, indexed at build time.
Images: Processed by Sharp via Astro's <Image /> component. Output in AVIF and WEBP, served from the repo.
Deployment: Cloudflare Pages.
Zine engine: Client-side TypeScript running entirely in the browser. Compiles entries into shareable permanent URLs using a deterministic base62 encoding.

Type

Editorial New: Headlines, display type, zine mastheads, and the explore page intent phrase. Designed by Mathieu Desjardins for Pangram Pangram Foundry. Six styles in use: Ultralight, Regular, and Ultrabold — each with matching italic. Self-hosted.
Lora: All long-form body text and prose. Warm, legible, and designed with reading in mind. By Cyreal. Self-hosted.
DM Sans: Tags, labels, metadata, navigation, and small UI text. A low-contrast geometric grotesque that complements the serif stack without competing with it. By Colophon Foundry for Google. Self-hosted.
JetBrains Mono: Code blocks only. By JetBrains. Self-hosted.

Philosophy

This site has no tracking, no analytics, no cookies, no advertising, and no accounts. It does not know you were here.

This site will never be monetized. The point isn't extraction. Ideas, concepts, art, items, etc shown here may end up turning into something I sell elsewhere, but Coffee Not Sleep is a passion project and the content on it will always be freely offered.

This site is a constant work in progress. These posts and thoughts are growing and evolving as I grow and learn. I will attempt to be transparent in how much experience I have in a topic, how strongly held my beliefs are, and link out to my sources when able.

I reserve the right to be wrong. To change my mind. That's the point of learning.

The purpose of this website is to give me space to learn in the open, to improve my writing, to process my experiences, and to sharpen my thinking. I will be thrilled if any of this resonates with you, helps you along your own journey or process, or sparks a thought. At its core though, this is selfish and a bit vain. It's ultimately for me.

AI notice

I've used AI (Claude Code) to create this website. It has written some portions of the colophon documentation, of the design system documentation, and drafted the architecture. At this time, I don't plan on using AI to write, edit, or plan any of my entries; my goal is to become a better writer and think through the information I am consuming, therefore I need to be doing that processing. I will likely continue to use AI for engineering-related tasks and upkeep, and for creating new features and prototypes. My skills in code are limited, and aren't the skills I am looking to grow at the moment.

Reference

The full design system — colour tokens, type scale, space scale, and component reference — lives here:

Internal reference Design System →