wolves.ink
The studio site, source open.
The very page you're reading. A riso-print Nuxt site with every component, easter egg and fixated detail under MIT — clone it, fork it, file it under "we shipped the website too."
wolves.ink is the studio's own front door, and we open-sourced it for the same reason we open-sourced the tools that live behind it: closed code is a debt to the future. Every halftone orb, every wobble timing, every easter egg lives in the same repo, in plain Nuxt + Vue + Tailwind, with the messy commits to prove which idea came first.
It's also a teaching surface. The site is a working magazine — layered SSR with view transitions, a riso-themed accent system, lazy-hydrated playthings, OG image generation, and a collection of small interactions (the camera strap, the radio dial, the paw trail) wired so you can crack them open and steal the shape. Read the source the way you'd read a fanzine: a spread at a time.
Closed code is a debt to the future. Even our own front door pays it forward.
— Workbench notes
The small
stuff.
The decisions you don't see in screenshots — but feel in the using.
- 01
A magazine that compiles
Every page is a spread. Mastheads, pull quotes, marquee bands, sticker badges — each lives as a real component you can read, fork or rip out. The riso treatment is a CSS layer, not an image; the halftone is computed live, the grain is generated, the parallax orbs are pure DOM.
- 02
Easter eggs as code samples
The radio dial, the camera strap, the paw cursor — they're not decoration. They're small lessons in pointer events, lazy hydration and rAF discipline, written so the dev-tools-first reader gets the same magazine as the scroller.
- 03
One accent system, end-to-end
A single useAccentColor() composable feeds project cards, pull quotes, OG image generation, hero gradients and sticker tones. Pick one accent on a project and it fans out everywhere — including the share image. One source of truth, four vibes, zero drift.
- 04
Open by default, on principle
MIT license, no analytics tied to the studio, no sign-up walls, no funnel. Fork it, swap the wordmark, rename a couple of files and you've got a magazine of your own. We'd like that.
Built with
Boring tech, used carefully. The sharp edges go in the design, not the stack.