KILN — A coffee store where every bag is drawn from its roast

KILN is an independent storefront concept for a fictional specialty coffee roaster, built as a native Shopify Online Store 2.0 theme.

Most coffee stores look alike: a kraft bag on a wooden table, the same three-column grid, and tasting notes that read like every other roaster's. Small roasters also rarely have the budget to reshoot photography every time a new lot comes in. I wanted a store that solves both problems at once.

The bag is the data. Each coffee stores three numbers from its roast: drop temperature, total roast time and the time of first crack. The theme draws the bag from those numbers, including its own color, label and roast curve printed on the front. Adding a new coffee in Shopify admin creates its packaging, product card and roast chart automatically. No photo shoot is needed.

One opening moment, then out of the way. The homepage opens on a single roast drawing itself, with the bean temperature and timer counting up to first crack and drop. It lasts about three seconds, plays once per visit, can be skipped with a click, and is turned off for visitors who prefer reduced motion. After that, the motion is quiet: sections fade in as you scroll, and each bag's curve draws when it comes into view.

Standard Shopify behavior, done properly: filter by roast and process, five sort orders and quick add from the grid; size and grind as variants, with subscribe-and-save through Shopify's native selling plans; a cart drawer with a free-shipping progress bar and a one-click add-on; a subscription schedule that works out real ship dates from the roaster's roast days; a brew calculator for pour-over, French press, AeroPress and espresso; a roast log the owner updates from the theme editor; and newsletter sign-up through Shopify's native customer form, product structured data, and keyboard and screen-reader support.

Typography and color: chalk paper, ink rules and data set in mono, like a roaster's log sheet. The only strong colors on the page come from the bags themselves, so the products carry the color and the interface stays out of the way.

Built and tested: I designed and built it with AI-assisted tools, with my own design direction, implementation and quality checks. I tested it at desktop and phone widths, and the theme ships with a product import file and a setup guide. KILN is fictional. The demo is a concept store, and checkout is switched off.