Kiln
A storefront for makers selling small-batch physical goods, built so the photography is the layout and the theme stays out of its way.
- 50 / 50
- light / dark tokens
- 2
- modes, both designed
- 1
- DOM, rendered twice
The shelf is the move: a full-bleed hairline plate of white bays, one square photograph each, running edge to edge on the shop front and again on the product page.
- unlimited projects, client work included
- 12 months of updates
- 14 days, no questions
AGENTS.md and 4 skills ship in the zip, so your own agent keeps changing it after you buy.
docs — install, use, customizepages, composed from 15 sections
Every page is a real render from the publish gate, in the mode on show. Open any of them in the live preview.
- Shop/
- site-header
- hero
- product-grid
- collection-split
- promises
- +3
Ridge tumbler/product- site-header
- product-detail
- reviews
- promises
- product-grid
- +1
The making/making- site-header
- page-header
- collection-split
- firing-calendar
- product-grid
- +2
Delivery/delivery- site-header
- page-header
- delivery-rates
- promises
- returns-faq
- +2
Cart/cart- site-header
- page-header
- cart-contents
- promises
- site-footer
The parts/components- site-header
- hero
- product-grid
- product-detail
- cart-contents
- +10
Fired clay against a slate-sage second hue drawn out of the ash glazes in the photographs, a 6px radius, and a display serif set on a real optical-size axis so the headline is set rather than scaled. The cart works: add to cart from the product page in the glaze you picked, watch the count in the header move, open the drawer and see what is in it, change quantities or remove a line on the cart page and the subtotal, the delivery charge and the total follow - all of it persisted, and serialized into the checkout POST. Ships a shop front, a full product page with a three-shot gallery of the same pot, a working cart with an order summary and a gift note, a making page carrying the four-firings-a-year calendar, a delivery page with a real rates table, a returns FAQ and the shop's small print, and a living styleguide - fifteen sections, eight primitives, and a light/dark toggle in the navbar because the photography holds in both. Every link in the header, the footer and the cart resolves to a page in the zip. Three self-hosted OFL typefaces (Newsreader, Karla, Spline Sans Mono) and thirteen AI-generated ceramics photographs are included under the same licence, prompts and all, graded to one exposure so the catalogue reads as one commissioned shoot. Every colour routes through twenty semantic tokens in one theme.css, in a deliberate warm dark mode as well as light, so rebranding is a one-file edit. Built for Tailwind v4, Next.js 15 and React 19; five client islands, everything else a server component.
sections and primitives
You get the parts, not just the demo site. Every frame is a real capture from the theme's own styleguide page, and the source path under it is where the file lands in your project.
hero
src/components/hero.tsx
A8 asymmetric offset: the studio statement on a plaster ground - a generated grayscale wall texture blended into the background token - offset in the left three fifths, with the studio photograph taking the right two fifths and bleeding off the page edge
tokens, both modes
Change one variable and every part follows. Each badge is one token split down the middle: its light value on the left, its dark value on the right, with the theme's own paired ink on both halves.
hover or tab a badge for its name and both values, enter copies
The shelf: a full-bleed hairline plate of white bays, one square photograph per bay, running past the container to both page edges - the same construction as the promises plate and the firing plate, and present on every one of the five routes.
every token
typefaces, self-hosted
Real woff2 files in src/fonts/, wired through next/font and licensed under OFL. Nothing is fetched from Google at build time, so the zip renders these letterforms offline. Scale ratio 1.333.
Kiln
A storefront for makers selling small-batch physical goods, built so the photography is the layout and the theme stays out of its way. The shelf is the move: a full-bleed hairline plate of white bays, one square photograph each, running edge to edge on the shop front and again on the product page.
const { open, close } = useLedger("2026-03") // 0123456789
- display
- Newsreader
- text
- Karla
- mono
- Spline Sans Mono
- d1Ag
- d2Ag
- d3Ag
- d4Ag
- leadAg
- bodyAg
- smallAg
- captionAg
every width is a real render from the publish gate
Four viewports, each one a render the gate produced and checked. Switch between them: the frame narrows exactly as a window does, because that is what it is.
every token and every part on one page
The styleguide route is not documentation about the theme. It is a page in the zip that renders the real components from the real tokens, so it stays true the day you change one.
agent files in the zip
Unzip it and run it, or install it into a project you already have. Either way the theme arrives with the instructions an agent needs to extend it without guessing at your conventions.
- AGENTS.mdthe theme's own rules, written for an agent
- .claude/skills/4 skills
- add-pageCompose a new page for the Kiln theme out of its existing sections, matching the shell, background rhythm and manifest entries of home/product/cart
- add-sectionAdd a new self-contained section component to the Kiln theme following its existing file, token, imagery and rhythm patterns, then wire it into a page, the styleguide and the manifest
- check-qualityRun Kiln's own quality gate locally
- rebrandRe-colour the Kiln theme to a buyer's brand by editing tokens in themes/kiln/src/theme.css only, keeping both light and dark complete and re-verifying WCAG AA
- theme.jsontokens, pages and components, machine readable
- src/components/15 sections, 8 primitives
- src/app/6 pages, styleguide included
activity
- v2.2 — the cart is real: one store, every number arithmetictoday
- v2.1 — /making and /delivery: firing calendar, rates, returnstoday
- v2.0 — Newsreader/Karla type, sage second hue, graded shoot, the shelftoday
- v1.1 — generated plaster ground in the hero, blended from tokenstoday
- v1.0 — maker storefront: photography-led grid, cart drawertoday
- preview screenshots + component capturesin progress
- gift cardsplanned
for agents
This listing is also a markdown document and a JSON endpoint. The theme's own agent files are on the plate above.
comments
Ask about the theme before you buy, or say what you did with it after.
