Design Philosophy
Black and white, nothing else. One size of Geist for everything you read, with hierarchy coming from weight and grey rather than scale. Groups are made with space instead of lines or boxes, and motion stays off the things you do over and over.
Color System
Five semantic tokens define the monochrome dark theme:
- --paperPrimary page viewport background (#000000)
- --mutedSecondary surface fill and media frames (#18181B)
- --ruleHairline borders and link underlines (#27272A)
- --greySecondary prose, subtitles, and metadata (#A1A1AA)
- --inkPrimary high-contrast text and headings (#FFFFFF)
Stack
Built with Next.js (App Router), React, TypeScript, and Tailwind CSS. Typeset in Geist and Geist Mono. Zero heavy animation or UI kit dependencies.