Alex Dunmow beca13796d fix(coffee): pin explicit width/height on all <use> icon SVGs + Wave B gallery screenshots
Root cause: featured_pour's empty-media placeholder used an external <use>
SVG (svg class=h-24 w-24 + use href=/icons/lucide.svg#coffee) sized ONLY by
Tailwind utilities. The host Tailwind JIT does not reliably emit utility
classes used solely in a theme block template, so h-24/w-24 could be dropped
from the generated stylesheet; the SVG (no viewBox, no intrinsic size) then
ballooned to fill its aspect-square parent (~350-500px cup silhouettes over
the hero/blog cards). Fix pins width/height geometry attributes on every
<use> icon SVG so size is CSS-independent and deterministic.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-07-06 10:34:17 +08:00
2026-06-06 14:11:22 +08:00
2026-07-06 10:28:22 +08:00
2026-07-05 13:42:54 +08:00

Coffee

A warm, hand-made theme in roasted browns over kraft paper. Hand-drawn doodles, chalk-menu lettering, and stamped badges give it the feel of a neighbourhood café that does everything by hand. It reads friendly and tactile. Nothing about it looks mass-produced.

Good for

We built Coffee for cafés, roasteries, and slow-craft makers. Treat these as starting points, not limits. If the mood fits your brand, use it:

  • Coffee shops and roasteries
  • Bakeries and pastry counters
  • Small-batch food and drink brands
  • Farmers' market and artisan stalls

What you get

  • Five color presets, each with a tuned light mode and a tuned dark mode: Morning Pour, Dark Roast, Kraft Cream, Chalkboard, and Matcha and Oat.
  • Fraunces for headings, Work Sans for body, and Caveat for hand-written touches, all bundled. Fonts stay admin-controlled, so you can swap them from the typography settings.
  • Four persona blocks: a featured pour to spotlight a drink, a roast profile with tasting notes, a stamp-style loyalty card, and a step-by-step brew guide.
  • A demo site that installs when you activate the theme, styled around a roastery: a home page, an about page, a short blog, and a contact page whose form emails your admins.
  • Every core block restyled to match, plus a themed login screen and a themed 404 page.

Install

Install from the BlockNinja registry, then pick a preset and assign your fonts in the admin. Activate the demo content if you want a fully built starting point.

Description
No description provided
Readme 3.6 MiB
Languages
CSS 83%
Makefile 14.6%
AMPL 2.4%