Joel Aguero

Colophon

How this site is made

This site was designed and built with Claude Code, Codex, and various other tools. It’s Next.js with the App Router, React, and strict TypeScript; the case studies are MDX; styling is Tailwind wired to a small set of CSS-variable tokens; it deploys on Netlify. Every page is statically prerendered, and the JavaScript stays minimal.

The design is one narrow reading column and one typeface at 15px. Hierarchy comes from ink and weight instead of scale, so headings are the same size as body copy, set heavier and darker. The site’s palette is nearly monochrome with one ink at five alpha stops over a warm white.

For motion and animation, UI transitions rely on one ease-out curve and stay under 300ms to feel snappy but legible. Everything respects reduced motion.

The image viewer tells a tap from a swipe from a press-and-hold, so panning a zoomed image never advances it by accident. The resume’s PDF is the print stylesheet, which keeps it current. Old case-study URLs redirect to their anchored sections.

Type is Inter, licensed under the SIL Open Font License.