{ "slug": "okapi", "name": "Okapi Bakehouse", "title": "Free bakery website template", "description": "Free HTML bakery website template for bakeries, cafes and cake shops, with pre-order boxes. AGENTS.md for Claude Code and Cursor, or build without code.", "kind": "One-page website for a neighbourhood bakery and coffee counter that sells monthly boxes by pre-order, with cakes, catering and gift cards", "summary": "A one-page bakery site: a monthly box of six bakes with prices, a long list of morning bakes, four pre-order steps, a bake of the year, a 4 am shift timeline, six reasons, customer quotes, cakes and platters, a FAQ, gift cards and a visit section with an order form. Saturated yellow, pink, orange and violet cards with big rounded corners, handwritten notes and starburst stickers on a white page.", "fits": [ "bakery or patisserie with a counter and pre-orders", "coffee shop or cafe with baked goods", "cake studio or catering kitchen", "any small food shop with a monthly menu, a delivery radius and gift cards" ], "categories": [ "Food and drink", "Local business" ], "tags": [ "bakery", "patisserie", "cafe", "coffee shop", "cake shop", "catering", "pre-order", "food", "colourful", "playful", "gsap", "scrolltrigger", "lenis", "single-file" ], "language": "en", "size_kb": 110, "photos": 22, "fonts": [ "Bricolage Grotesque", "Host Grotesk", "Playpen Sans" ], "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/gsap@3.13.0/dist/SplitText.min.js", "https://cdn.jsdelivr.net/npm/lenis@1.3.27/dist/lenis.min.js" ], "browsers": "Chrome and Edge 111+, Safari 16.2+, Firefox 113+ (it uses color-mix(), cascade layers, small/dynamic viewport units).", "sections": [ { "key": "navigation", "id": "navigation", "heading": "", "about": "fixed top bar: logo and wordmark on a yellow tab, five pill links, a Pre-order a box button; hides on scroll down; phone menu overlay" }, { "key": "opening", "id": "opening", "heading": "Six bakes. One box. Still warm.", "about": "first screen: pale cyan panel with the headline \"Six bakes. One box. Still warm.\", an intro, a Build your box button and a tray of six bake cards with prices" }, { "key": "oven-list", "id": "oven", "heading": "Out of the oven by 7", "about": "magenta panel with the heading \"Out of the oven by 7\", a handwritten note and a list of ten bakes in huge type" }, { "key": "steps", "id": "steps", "heading": "Pre-order tonight, collect it warm", "about": "pale pink panel: heading \"Pre-order tonight, collect it warm\", a Start a box button and four step cards in a tilted fan" }, { "key": "bake-of-the-year", "id": "favourites", "heading": "Bake of the year", "about": "four winners of the yearly vote as photo cards with year stickers: 2025, 2024, 2023, 2022" }, { "key": "morning-shift", "id": "shift", "heading": "Who’s up at 4 am?", "about": "section whose ground goes from night to sunflower yellow as you scroll, with a rising sun and four timed entries from 4:00 am to 7:00 am" }, { "key": "why-okapi", "id": "why", "heading": "Why Okapi?", "about": "six reasons as stickers around a round turning mark with the curved text \"Why Okapi? · Why Okapi? · ...\"" }, { "key": "reviews", "id": "reviews", "heading": "What the regulars say", "about": "two tilted ribbons of customer quotes, three on each, running as continuous rows" }, { "key": "cakes-and-catering", "id": "cakes", "heading": "Cakes that make the room go quiet", "about": "pink frame around a celebration cake card with two quotes and an office platter photo" }, { "key": "faq", "id": "faq", "heading": "Fair questions", "about": "four questions as native details elements under a heading and a handwritten note" }, { "key": "gift-boxes", "id": "gift", "heading": "Give someone a better morning", "about": "gift card section: heading, text, a Buy a gift card button and a gift card sliding out of a sleeve" }, { "key": "contact", "id": "visit", "heading": "Come by, or just ask", "about": "visit block with address, opening hours, phone, email and a counter photo beside an order form" }, { "key": "footer", "id": "footer", "heading": "", "about": "footer: large wordmark, a short line, an email list form, six links, three round icons and a copyright line with the Design: 8B credit" } ], "placeholders": [ "og-image", "favicon", "phone", "email", "form", "social" ], "lighthouse": null, "license": { "code": "MIT", "photos": "Unsplash License", "fonts": "SIL Open Font License 1.1" }, "get": { "degit": "npx degit 8bsite/bakery-website-template my-site", "curl": [ "curl -LO https://raw.githubusercontent.com/8bsite/bakery-website-template/main/index.html", "curl -LO https://raw.githubusercontent.com/8bsite/bakery-website-template/main/AGENTS.md", "curl -LO https://raw.githubusercontent.com/8bsite/bakery-website-template/main/LICENSE", "curl -LO https://raw.githubusercontent.com/8bsite/bakery-website-template/main/CREDITS.md" ], "agent_prompt": "Read AGENTS.md, then edit index.html. Make this the site for . Replace first the name, the bake cards, the prices, the 4 am crew story, the sourcing lines and the quotes. Keep the section ids, the classes AGENTS.md lists, four step cards and two review ribbons. Ask me for missing facts; never invent prices, allergy claims, reviews or contacts." }, "links": { "page": "https://8b.com/templates/okapi/", "md": "https://8b.com/templates/okapi.md", "json": "https://8b.com/templates/okapi.json", "demo": "https://8b.com/templates/okapi/demo.html", "ghDemo": "https://8bsite.github.io/bakery-website-template/", "repo": "https://github.com/8bsite/bakery-website-template", "zip": "https://8b.com/templates/okapi/bakery-website-template.zip", "use": "https://github.com/new?template_name=bakery-website-template&template_owner=8bsite", "agents": "https://github.com/8bsite/bakery-website-template/blob/main/AGENTS.md", "credits": "https://github.com/8bsite/bakery-website-template/blob/main/CREDITS.md", "raw": { "index": "https://raw.githubusercontent.com/8bsite/bakery-website-template/main/index.html", "agents": "https://raw.githubusercontent.com/8bsite/bakery-website-template/main/AGENTS.md", "license": "https://raw.githubusercontent.com/8bsite/bakery-website-template/main/LICENSE", "credits": "https://raw.githubusercontent.com/8bsite/bakery-website-template/main/CREDITS.md" }, "preview": "https://8b.com/templates/okapi/desktop.webp", "phone": "https://8b.com/templates/okapi/phone.webp", "clip": "https://8b.com/templates/okapi/scroll.mp4", "og": "https://8b.com/templates/okapi/og.jpg", "design_md": "https://8b.com/templates/okapi/DESIGN.md" }, "github": { "repo": "8bsite/bakery-website-template", "template_repository": true, "topics": [ "html-template", "landing-page", "website-template", "website-templates", "html5", "agents-md", "gsap", "scrolltrigger", "scroll-animation", "lenis", "single-file", "cursor-ai", "static-site", "mit-license", "vibe-coding", "claude-code", "ai-agents", "bakery-website", "bakery-template", "cafe-website" ] }, "made_by": { "name": "8B", "url": "https://8b.com/" } }