KILN.
← Home
The studioOne pair of hands

One maker at the kiln.

KILN is a studio of one. I take a website from first sketch to shipped code myself — concept, design, and build fired in a single run, with nothing lost in the handoff.

Who's at the kiln

Hello. I'm Lin.

I design and build websites on my own, and I've never been able to keep the two apart for long.

Unfired copy · replace before launchTwo or three sentences of real background: what you did before this, how long you've been building for the web, and what pulled you toward one end of it. Keep it first person and specific. A visitor deciding whether to email a stranger is reading for a person, not a résumé. If you'd rather trade under KILN than your own name, swap the heading above too.

What I can tell you is how the work goes. I take one project at a time, so the site you commission isn't queued behind three others. I write every line of it: no page builder underneath, no theme bought and re-skinned. That's why I can quote a fixed price instead of running an hourly meter.

Everything in the work section is self-initiated concept work. Nobody paid for it and no client brief shaped it, which I'd rather say plainly than dress up as case studies. It exists so you can see the standard before you spend anything.

The approach

Design and build are the same job.

Most sites lose their edge in the gap between the designer's file and the developer's code. Here there is no gap.

The person who draws it is the person who ships it, so the intent survives all the way to the last line of markup. There's no round of translation where the motion gets flattened, the spacing drifts, and the idea quietly becomes a template.

That's the whole reason to work with one maker instead of a chain of them: a site formed by a single pair of hands is more coherent than one passed between three. It also means one person is accountable for the result — the design, the code, and how it actually feels to use.

Everything shown here is self-initiated concept work, built to prove exactly that.

How I work
Made to order

No templates, ever

Each project is shaped for what it actually is — down to the motion and the last line of markup. No page-builder underneath, no reused theme.

Real technique

Build the thing, not a picture of it

When a project calls for 3D, shaders, or generative motion, I build the technique itself — not a static image pretending to be it.

Honest craft

Fast, accessible, sturdy

Under the atmosphere, the basics are handled: performance, accessibility, responsive behaviour, and graceful fallbacks. Craft you feel, even when you can't name it.

What I build with

No framework is a house style here; I pick the lightest thing that does the job. Most of these sites ship as static files with no build step, which is why they load fast and keep working.

Languages
  • HTML · semantic, hand-written
  • CSS · Grid, custom properties
  • JavaScript · vanilla, no jQuery
  • GLSL · fragment and vertex shaders
Graphics & 3D
  • WebGL · written raw, not wrapped
  • Three.js · when real geometry earns it
  • Canvas 2D · particles, fields, diagrams
  • SVG · drawn and animated
Motion
  • GSAP + ScrollTrigger
  • Lenis · smooth scrolling
  • IntersectionObserver
  • Raw requestAnimationFrame
Craft & care
  • Responsive down to 360px
  • Keyboard and screen-reader paths
  • prefers-reduced-motion honoured
  • Works with JavaScript off
Delivery
  • Static hosting · Netlify, Vercel, Pages
  • Git · every change tracked
  • Domain and DNS setup
  • Analytics, if you want it
Anything else
Unfired · yours to fill inEvery line above is provable from the five builds in the work section. Add whatever else you genuinely work in (Figma, a CMS, a framework, a backend), then delete this note. Listing a tool you'd have to learn on the job is the one thing that would make this section a liability.
Two intensities

Signature work, and essential work.

Tier 01 — Signature. Ambitious 3D and interactive builds for launches, product brands, and anyone who wants a site people screenshot. Custom art direction, orchestrated motion, real WebGL when the project earns it.

Tier 02 — Essential. Fast, distinctive marketing sites for restaurants, studios, advisories, and small brands that deserve better than a template. A few key pages, tasteful motion, a genuine point of view.

Same pair of hands, same standard of craft. You choose the heat.

See what each tier includes →

Light the kiln

Got something worth firing?

Tell me what you're making. There's no form to fill in and no discovery call to book: one email lands directly with the person who'd build it.

hello@kiln.studio
  • Tell meWhat you're building, roughly when you need it, and a link or two you like.
  • You'll hear backWithin 48 hours, from me. There's nobody else here to route it through.
  • You'll getA tier recommendation, a timeline, and a fixed quote. No hourly billing.