c2dd751f6b
Layout/whitespace bugs:
- .coffee-torn-top/bottom used mask-size:100% 100%, stretching the 12px torn
SVG over the whole element and masking away ~40% of tall cards as a wavy
transparent cut-out — the cause of the clipped hero region, featured_pour
and footer. Reworked to a fixed ~13px deckled band per edge over a solid
gradient (plus a combined top+bottom selector).
- featured_pour showed an editor-style "Add a hero image" placeholder to
visitors when the demo seed ships no image; now a tasteful token-based coffee
glyph on the secondary surface. Same for the image block ("Add an image").
- hours today-highlight was accent-foreground text over a 15% accent tint
(light-on-light, unreadable "Sunday"); now a readable full-row band with an
accent left edge (class moved from <th> to <tr>).
Mobile responsiveness / JIT robustness (host Tailwind does not reliably compile
arbitrary/responsive utilities out of theme templates):
- Replaced min-h-[50vh|75vh|400px|320px], md:grid-cols-[2fr_3fr] and
md:grid-cols-2 in hero/featured_pour/menu-list/hours with explicit CSS helper
classes carrying real media queries; base is single-column so every grid
collapses to 1 col on mobile regardless of the JIT.
Semantic tokens only; no version bump.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
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.