Colophon
How this site was built.
Built from scratch. I wanted something I could fully control: the markup, the typography, the interactions.
Uses Next.js and Tailwind. Content lives in MDX files. The dark/light theme is driven by CSS custom properties with no runtime overhead. Animations are handled by Motion, kept minimal on purpose.
Inter was self-hosted to preserve OpenType features (slashed zeros, alternate glyphs) that Google Fonts strips. JetBrains Mono is used for code.
The design is intentionally quiet: no gradients, no noise. Just text, spacing, and a small amount of motion.
FrameworkNext.js 16 (App Router)
StylingTailwind CSS v4 + CSS custom properties
AnimationsMotion
ContentMDX + gray-matter
Typeface (sans)Inter Variable (self-hosted)
Typeface (mono)JetBrains Mono
HostingVercel
Domainmayank-singh.com