fink.dev

2026 · Full-Stack Developer

Next.jsReactTypeScriptTailwind v4

Problem

I wanted a portfolio that doubled as a living design system rather than a one-off template. That meant no hard-coded colors or fonts scattered across components, and a setup where changing the look of the entire site would come down to editing a handful of values in one place.

Solution

I built a token-driven Tailwind v4 setup where accent color, font, and the light/dark theme are all defined as CSS variables. Because those variables are read at runtime, the site can swap its entire appearance instantly in the browser — no rebuild, no page reload, and no duplicated theme code.