A note on the making.The typography, palette, and engineering behind this site.

This site is intentionally quiet. The brief was to make a place that reads like an academic notebook — careful, unornamented, and durable — rather than like a developer template.

Typography

Display

Newsreader by Production Type — a transitional serif with optical sizes, tuned for screen reading.

Body

Inter by Rasmus Andersson — neutral and exact at small sizes.

Metadata

JetBrains Mono — used for eyebrows, captions, and technical pills, where the tone should be evidently engineered.

Palette

Ground

#0A0A0B — almost black; light theme inverts to #FAFAFA.

Surface

Three flat layers #111114, #17171B, #1F1F24; no glassmorphism.

Accent

A single cobalt #5B8DEF — used sparingly, mostly for state and emphasis.

Status

Three semantic tones: #4ADE80 (published), #F59E0B (under review), #FACC15 (in preparation).

Engineering

Built with Next.js 16 (App Router) and React 19. Server-rendered for SEO and first paint; interactivity is local where it has to be (theme toggle, language switch, contact form, keyboard shortcuts). The IntersectionObserver that drives content reveals is shared across the page, and animation is suppressed under prefers-reduced-motion.

Keyboard

The whole site is reachable from the keyboard. A small Vim-style navigator listens for g followed by a section key: h home, a about, p publications, r projects (research), e education, t tech-stack, c contact.

Source

The source is open and intended to be readable rather than clever — the code is the design system.