Colophon
A note on the making.The typography, palette, and engineering behind this site.
This site is designed as a small research fieldbook: part academic archive, part mission map, and part personal digital scrapbook. The playful layer helps visitors make connections; the underlying publications and project facts remain unchanged.
Typography
- Display
- A characterful system stack led by Trebuchet MS and rounded UI faces. It gives game labels and section titles personality without adding a font download.
- Body
- Aptos or Segoe UI on Windows, with Helvetica and Arial fallbacks. Long-form research pages add Georgia for a warmer editorial reading rhythm.
- Metadata
- Cascadia Mono, SFMono, or Consolas — reserved for mission labels, dates, citations, coordinates, and technical detail.
Palette
- Ground
#E8EFE8— a pale fieldbook ground. Paper surfaces use#FFF9ED; the night-lab theme begins at#101C29rather than pure black.- Surface
- Paper, graph sheet, mission note, map board, archive row, and field card — each surface has a specific information role.
- Accent
- Coral marks projects and actions; teal marks research systems; lavender marks the archive; yellow marks active quests. The colors carry meaning rather than acting as confetti.
- Status
- Semantic colors distinguish published, in-progress, and error states while retaining sufficient contrast in both themes.
Engineering
Built with Next.js 16 (App Router) and React 19. Server-rendered content remains readable before JavaScript; interactivity stays local to the research map, field companion, theme, navigation, and contact form. Motion uses transforms and opacity, with a single slow map signal and full prefers-reduced-motionsupport.
Source
The source is organized around a small set of semantic tokens and reusable UI primitives. The code is intended to remain readable rather than clever.