Product catalog · for Kilnforge
Kiln Forge
A catalog for coffee-roasting machines. Blueprint line drawings, an editorial serif and dossier-style detailing.
Overview
Kilnforge is presented as a maker of shop roasters, afterburners, destoners and green-handling equipment for specialty roasteries. The site treats it like a technical dossier: a warm-black page, line drawings of the machines with numbered callouts, and an editorial serif headline, “Instruments for the dark art of coffee roasting,” set against mono-spaced labels and copper accents. A strip under the navigation reads like a file stamp, with a dossier number, a founding year and Tarragona as the workshop.
Below the hero, a tabbed catalog walks through five equipment families with spec tables and quote buttons. The flagship M/12 gets its own section with a batch-size selector, a plotted roast curve and detail plates for the drum, controller and serial plate, before a foundry story, a build timeline and a contact form. Type is Fraunces, Archivo and JetBrains Mono; it is built with React and Vite.
Blueprint illustration
Machines are drawn as thin line schematics with numbered callouts, so the catalog reads like engineering drawings rather than product photography.
A plotted roast curve
The M/12 section charts bean and environment temperature against time, marking charge, turnaround, dry end, first crack and drop.
Dossier details
Mono-spaced metadata, dossier numbers and spec tables sit beside an editorial serif, giving the page the feel of a printed catalog.
Stills from the live site




Technical specs
- Live site
- kilnforge.vercel.app ↗
- Page title
- Kilnforge — Instruments for the Dark Art of Coffee Roasting
- Type
- Product catalog
- Built with
- React, Vite
- Typefaces
- Fraunces, Archivo, JetBrains Mono
- Palette
- #0E0B08#14100C#F3ECE1#D9D1C3#E8823F
- On the page
- Instruments for the dark art of coffee roasting. · The working range · A closer look · The curve in question. · The parts that earn the stamp. · Hand-built, not automated. · Ten weeks, one machine, one signature. · Start the conversation.
- Recording
- Captured from the live site at 1440×900 · H.264, 1200 px, 25 fps · 14 s
Related services: website development.