coconutlabs

colophon

How this page is made.

The type, the stack, and the build notes behind coconutlabs.org, for anyone curious how the site itself is put together.

For the work itself, see projects

Type

Geist for display, body, and interface text; Geist Mono for labels, numbers, and code. One family, locked in the design system.

Stack

Next.js App Router, React, TypeScript, Tailwind CSS, MDX content files, Playwright, Vitest, axe-core, and Lighthouse CI.

Inspiration

Research notebooks, quiet workstations, paper folds, and web pages that leave room for the result.