SAPPY

Product catalog · for Kilnforge

Kiln Forge

A catalog for coffee-roasting machines. Blueprint line drawings, an editorial serif and dossier-style detailing.

kilnforge.vercel.app

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

Catalog entry for Afterburners with a line drawing of the unit, a spec table and quote buttons
Catalog: the afterburner family.
Section for the M/12 roaster with a large M/12 numeral, a headline about twelve kilograms of calm heat and a row of specs
The flagship M/12.
Roast profile chart titled The curve in question, plotting bean and environment temperature over time
A plotted roast curve.
Section titled The parts that earn the stamp, with line drawings of a drum, controller, sample trier and serial plate
Detail plates for the M/12.

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.

Next projectPixel ForgeAgency site

Have something to build — or to cut?

Start a project