{ "slug": "little-drum", "name": "Little Drum Coffee Roasters", "title": "Free coffee roaster website template", "description": "Free HTML coffee roaster website template for a roastery with a counter: beans, drinks and refills. AGENTS.md for Claude Code, or no code with 8B.", "kind": "One-page website for a small coffee roastery with a counter that sells beans, drinks and refills", "summary": "A one-page site for a micro-roastery with a coffee counter: the roast-day ticket, five bean listings beside a turning round photo frame, the four steps of roast day, three partner farms, a drinks board, a tin refill scheme, monthly cupping dates, the two owners, FAQ and visit details. Printed-ticket look: cream paper, indigo ink, rust accents, rubber stamps and hairline rules.", "fits": [ "coffee roaster or micro-roastery with a shop", "coffee shop or cafe that sells its own beans", "small food maker with weekly batches (bakery, chocolate, tea, brewery)", "any small shop that wants a warm, paper-and-stamp, print-shop look" ], "categories": [ "Food and drink", "Shop" ], "tags": [ "coffee roaster", "coffee shop", "cafe", "specialty coffee", "coffee beans", "micro roastery", "small batch", "food and drink", "bean subscription", "paper ticket", "indigo and cream", "gsap", "scrolltrigger", "lenis", "single-file" ], "language": "en", "size_kb": 88, "photos": 12, "fonts": [ "Brygada 1918", "Instrument Sans", "Radio Canada Big" ], "libraries": [ "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/gsap.min.js", "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/ScrollTrigger.min.js", "https://cdn.jsdelivr.net/npm/lenis@1.3.4/dist/lenis.min.js" ], "browsers": "Chrome and Edge 108+, Safari 15.4+, Firefox 101+ (it uses cascade layers, small/dynamic viewport units).", "sections": [ { "key": "navigation", "id": "nav", "heading": "", "about": "wordmark, a bag icon with a count, a phone link and a Menu button that opens a rail of seven links" }, { "key": "opening", "id": "opening", "heading": "Roasted on Thursday, on your shelf by Friday morning", "about": "three panels side by side: the headline with a button, a batch ticket and a photo of a batch leaving the drum" }, { "key": "beans", "id": "beans", "heading": "On the shelf This week 250 g bags, roasted Thursday", "about": "five coffees on the shelf with prices, notes and a turning round photo frame" }, { "key": "roast-days", "id": "roast-days", "heading": "Thursday is Roast day Four steps, one ticket per batch", "about": "four steps of roast day beside a sticky batch ticket that gets stamped" }, { "key": "farms", "id": "farms", "heading": "Bought direct Three farms The same growers, year after year", "about": "a photo and three partner farms with place, year and a line each" }, { "key": "counter", "id": "counter", "heading": "At the Counter Espresso, filter and cake", "about": "a drinks board of seven rows that fans open, and a photo of the counter" }, { "key": "refills", "id": "refills", "heading": "Bring the Tin back Refills on every opening day", "about": "the tin refill offer with three terms and a lid that rolls off the tin" }, { "key": "cupping", "id": "cupping", "heading": "First Saturday Cupping Ten till half eleven", "about": "a round photo with a Free stamp and four monthly tasting dates" }, { "key": "people", "id": "people", "heading": "Two people One drum Kelham Island since 2019", "about": "a photo of the two owners that assembles from slats, with a short bio each" }, { "key": "faq", "id": "faq", "heading": "Asked at The counter Five things people ask", "about": "five questions and answers (native details)" }, { "key": "visit", "id": "visit", "heading": "Come to The counter Kelham Island, Sheffield", "about": "address, hours, phone, email, directions and a square photo behind the counter" }, { "key": "footer", "id": "footer", "heading": "", "about": "copyright, email, two social links and back to the top" } ], "placeholders": [ "og-image", "favicon", "phone", "email", "map", "social" ], "lighthouse": null, "license": { "code": "MIT", "photos": "Unsplash License", "fonts": "SIL Open Font License 1.1" }, "get": { "degit": "npx degit 8bsite/coffee-roaster-website-template my-site", "curl": [ "curl -LO https://raw.githubusercontent.com/8bsite/coffee-roaster-website-template/main/index.html", "curl -LO https://raw.githubusercontent.com/8bsite/coffee-roaster-website-template/main/AGENTS.md", "curl -LO https://raw.githubusercontent.com/8bsite/coffee-roaster-website-template/main/LICENSE", "curl -LO https://raw.githubusercontent.com/8bsite/coffee-roaster-website-template/main/CREDITS.md" ], "agent_prompt": "Read AGENTS.md, then edit index.html. Make this the site for . Replace first the name, the five coffees, the farms, the drinks board and the Sheffield address, then the photos. Keep the ids, the selectors AGENTS.md lists, one photo per coffee and four ticket cells for four steps. Ask me for missing facts; never invent prices, hours, reviews or contacts." }, "links": { "page": "https://8b.com/templates/little-drum/", "md": "https://8b.com/templates/little-drum.md", "json": "https://8b.com/templates/little-drum.json", "demo": "https://8b.com/templates/little-drum/demo.html", "ghDemo": "https://8bsite.github.io/coffee-roaster-website-template/", "repo": "https://github.com/8bsite/coffee-roaster-website-template", "zip": "https://8b.com/templates/little-drum/coffee-roaster-website-template.zip", "use": "https://github.com/new?template_name=coffee-roaster-website-template&template_owner=8bsite", "agents": "https://github.com/8bsite/coffee-roaster-website-template/blob/main/AGENTS.md", "credits": "https://github.com/8bsite/coffee-roaster-website-template/blob/main/CREDITS.md", "raw": { "index": "https://raw.githubusercontent.com/8bsite/coffee-roaster-website-template/main/index.html", "agents": "https://raw.githubusercontent.com/8bsite/coffee-roaster-website-template/main/AGENTS.md", "license": "https://raw.githubusercontent.com/8bsite/coffee-roaster-website-template/main/LICENSE", "credits": "https://raw.githubusercontent.com/8bsite/coffee-roaster-website-template/main/CREDITS.md" }, "preview": "https://8b.com/templates/little-drum/desktop.webp", "phone": "https://8b.com/templates/little-drum/phone.webp", "clip": "https://8b.com/templates/little-drum/scroll.mp4", "og": "https://8b.com/templates/little-drum/og.jpg", "design_md": "https://8b.com/templates/little-drum/DESIGN.md" }, "github": { "repo": "8bsite/coffee-roaster-website-template", "template_repository": true, "topics": [ "html-template", "landing-page", "website-template", "website-templates", "coffee-roaster-website", "coffee-shop-website", "cafe-website", "specialty-coffee", "html5", "agents-md", "gsap", "scrolltrigger", "scroll-animation", "lenis", "single-file", "cursor-ai", "static-site", "mit-license", "vibe-coding", "claude-code" ] }, "made_by": { "name": "8B", "url": "https://8b.com/" } }