A quick summary of the typefaces, tools, and constraints behind this site.
Typography
Primary sans-serif for body and headings.
For the occasional change of pace in a headline.
Monospace for metadata, tags, and code blocks.
Tools & stack
Full-stack React framework with App Router, Server Components and Server Actions.
Document database for projects, experiences, posts, settings, and contact messages.
Design-token styling with plain CSS variables and fluid type scale.
Subtle entrance and layout animations with reduced-motion respect.
Consistent, clean interface icons.
Toast notification system for form feedback.
Aesthetic notes
The layout uses an off-white background with high-contrast text and a single warm signal accent. Borders use hairline separation instead of heavy cards.
Animations respect the user's prefers-reduced-motion setting, falling back to instant swaps. The shared title transition smoothly scales between project lists and detail pages via the native View Transitions API.
Terminal clients (curl, wget, httpie) receive a plain-text representation of every public page.