Colophon

Tech Stack

• Framework: Next.js 16 (App Router)
• Language: TypeScript
• Styling: Tailwind CSS v4
• Content: MDX with custom components
• Hosting: Vercel
• Analytics: Plausible (privacy-friendly)

Design Philosophy

This site is inspired by Japanese minimalism and the concept of wabi-sabi — finding beauty in imperfection. The design principles include:

• Warm neutrals instead of stark black/white — easier on the eyes
• Generous whitespace — let the content breathe
• Subtle texture — a barely-visible grain overlay adds warmth
• Purposeful motion — animations that enhance, not distract

Typography

• Headings: Space Grotesk — geometric, modern, slightly playful
• Body: DM Sans — clean, readable, friendly
• Code: JetBrains Mono — designed for developers

Special Features

• Time-based greeting: The homepage greeting changes based on your local time
• Reading progress: A subtle progress bar on articles
• Magnetic hover: Some links subtly follow your cursor
• View Transitions: Smooth page-to-page navigation
• Interactive avatar: Click my avatar on the homepage to see different art styles!
• Sound effects: Toggle sound on (top right) for delightful interactions

🥚 Easter Eggs

I love hiding little surprises for curious visitors. Here are some hints:

• Konami Code: ↑↑↓↓←→←→BA — triggers a retro 90s mode 🕹️
• Terminal Mode: Press Ctrl+` (backtick) to transform the site into a CRT terminal
• Triple-click: Triple-click anywhere to reveal random fun facts about me
• Shake it: On mobile, shake your phone for confetti 🎉
• Avatar glitch: Click my avatar really fast (8+ times) to break reality
• Tab away: Leave this tab and come back — the title might surprise you
• Console: Open DevTools and check the console 👀
• Secret pages: Hidden routes like /coffee and /source

Accessibility

This site is built with accessibility in mind:

• Semantic HTML throughout
• Skip links for keyboard navigation
• Respects prefers-reduced-motion
• Tested with screen readers
• Sufficient color contrast

Performance

• Static generation where possible
• Optimized images with AVIF/WebP
• Font subsetting and display swap
• Minimal JavaScript — CSS-first approach

Thanks for being curious enough to find this page! 💙

← Back to homepage