16:3 Studio is my independent software studio website, designed and developed from the ground up to showcase selected work, services, and my approach to building digital products.

The site combines an editorial-inspired visual system with a clean, structured layout, subtle interactions, and responsive design. I focused on creating a distinct studio identity while keeping the experience fast, accessible, and easy to navigate across devices.

Built with Next.js, TypeScript, Tailwind CSS, and Framer Motion, with an emphasis on reusable components, performance, responsive behavior, and polished frontend details.

My role: Design, Frontend Development & Engineering

Stack: Next.js · TypeScript · Tailwind CSS · Framer Motion

The studio site has a clear way to show both the work and how you build it. I like that you kept the motion subtle. Did you have to make any tradeoffs to keep it fast on mobile?

I found a bug on Iteluvia's 404 page and I'm not sure I want to fix it.

While building a new 404 page for Iteluvia, I rendered the digits with a WebGL shader. They glow, drift like smoke, and lean toward your cursor. Then I noticed the whole thing was upside down. A canvas stores pixels top-down, WebGL reads textures bottom-up, and I'd skipped the one line that flips them.

The fix took ten seconds. Deciding whether to keep it is taking a lot longer.

The case for upside down: a 404 means you're lost. A page that's literally flipped says that before you read a single word. And it looks cool.

The case for right side up: it's clean, it reads instantly, and nobody wonders if the site is broken.

A: Upside down B: Right side up

Which would you ship? I'm leaning A, so tell me if I'm wrong.

A is better because it was dynamic but if you can flip 404 as it is back again that will be better idea ❤️❤️