Skip to content

Colophon

This site is a reflection of my design philosophy.

This site is built with Next.js and hosted on Vercel. I used TypeScript to keep things organized and Tailwind CSS for the styling. The animations come from Framer Motion, and Lenis keeps the scrolling feeling smooth.

Headings are set in Radion, a bold geometric typeface that gives the site its distinctive character. Body text uses Google Sans for clean readability. The pairing keeps the grid layout looking sharp without feeling too formal.

The design uses a simple four-column grid that works well on phones and computers. I kept the colors mostly to black, white, and grey so that the work stands out. The orange is only there to highlight important bits.

I spent a lot of time on the small details - like the way text changes when you hover or how images zoom in. These things are meant to make the site feel extra polished and alive without being a distraction.

Next.jsReact 19TypeScriptTailwind CSS v4Framer MotionLenis Scroll