{ "slug": "melty", "name": "Melty", "title": "Free ice cream shop website template", "description": "Free HTML ice cream shop website template for parlours and gelaterias, with flavours, prices and a pint club. AGENTS.md for Claude Code, or no code with 8B.", "kind": "One-page website for an ice cream parlour, gelateria or dessert shop with flavours, prices, workshops and a monthly subscription", "summary": "A one-page site for a small ice cream parlour: a big headline with a photo chip, this week's five flavours dealt like cards, how a batch is made, three questions from the counter, prices, local suppliers, a Saturday workshop, a monthly pint subscription, overheard reviews and a booking form. Lemon yellow ground, bright sticker colours with ink outlines and hard shadows.", "fits": [ "ice cream parlour or gelateria", "bakery, dessert cafe or chocolatier with weekly specials", "small food producer with workshops and a monthly box", "any local shop with a changing menu, by look" ], "categories": [ "Food and drink", "Local business" ], "tags": [ "ice cream", "gelato", "dessert shop", "parlour", "cafe", "bakery", "workshops", "subscription", "playful", "sticker style", "yellow", "gsap", "scrolltrigger", "lenis", "single-file" ], "language": "en", "size_kb": 97, "photos": 18, "fonts": [ "Gabarito", "Google 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.4/dist/lenis.min.js" ], "browsers": "Chrome and Edge 108+, Safari 16+, Firefox 110+ (it uses container query units, cascade layers, small/dynamic viewport units).", "sections": [ { "key": "navigation", "id": "navigation", "heading": "", "about": "fixed melty. logo pill at the top; fixed bottom bar with opening hours line, five links and Order a pint button (Menu button on phones); bottom bar hides on scroll down; phone overlay" }, { "key": "opening", "id": "opening", "heading": "Plums are becoming sorbet the coldest way to eat October.", "about": "lemon screen: a small question, a big headline with a photo chip, a paragraph and two buttons" }, { "key": "flavours", "id": "flavours", "heading": "This week in the freezer", "about": "\"This week in the freezer\": five flavour cards dealt onto one pile, each with photo, description and tags" }, { "key": "morning", "id": "morning", "heading": "At six we buy what the market has, cook it into a base, churn it cold and scoop it by noon.", "about": "\"Before you’re up, we’re at it.\": one big sentence with three photo chips, then four numbered sticker steps" }, { "key": "questions", "id": "questions", "heading": "Will it survive the walk home?", "about": "three big questions from the counter, each with a highlighted phrase that grows into a colour card holding the answer and a photo" }, { "key": "prices", "id": "prices", "heading": "Cup, cone or a whole pint", "about": "\"Cup, cone or a whole pint\": a photo of five cones and five priced sticker rows, with toppings" }, { "key": "neighbours", "id": "neighbours", "heading": "From their field to your cone", "about": "\"From their field to your cone\": two photo stickers that fly in and bump, and a list of eight local suppliers" }, { "key": "school", "id": "school", "heading": "Saturday churn school", "about": "\"Saturday churn school\": a kitchen photo, a paragraph, when, who and price, and a booking button" }, { "key": "club", "id": "club", "heading": "The Pint Club", "about": "\"The Pint Club\": a paragraph with a tub photo and three plan cards (Solo, Duo, Freezer full) that spread from a stack" }, { "key": "reviews", "id": "reviews", "heading": "Overheard at the counter", "about": "\"Overheard at the counter\": eight short reviews on two ribbons that start crossed like an X, settle to a slight tilt and run in opposite directions" }, { "key": "visit", "id": "visit", "heading": "1 Example Street", "about": "visit: the street address as heading, opening hours, phone and email, a cone photo and a booking form" }, { "key": "footer", "id": "footer", "heading": "", "about": "footer: two big tile links, three round icon links, a giant melty. wordmark 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/ice-cream-shop-website-template my-site", "curl": [ "curl -LO https://raw.githubusercontent.com/8bsite/ice-cream-shop-website-template/main/index.html", "curl -LO https://raw.githubusercontent.com/8bsite/ice-cream-shop-website-template/main/AGENTS.md", "curl -LO https://raw.githubusercontent.com/8bsite/ice-cream-shop-website-template/main/LICENSE", "curl -LO https://raw.githubusercontent.com/8bsite/ice-cream-shop-website-template/main/CREDITS.md" ], "agent_prompt": "Read AGENTS.md, then edit index.html. Make this the site for . Replace first the shop name, including the footer wordmark's len, then flavours, prices, plans, suppliers, reviews and hours. Keep the section ids, the data-8b attributes the scripts read and the classes AGENTS.md lists. Ask me for missing facts; never invent allergen claims, prices, hours, suppliers, reviews or contacts." }, "links": { "page": "https://8b.com/templates/melty/", "md": "https://8b.com/templates/melty.md", "json": "https://8b.com/templates/melty.json", "demo": "https://8b.com/templates/melty/demo.html", "ghDemo": "https://8bsite.github.io/ice-cream-shop-website-template/", "repo": "https://github.com/8bsite/ice-cream-shop-website-template", "zip": "https://8b.com/templates/melty/ice-cream-shop-website-template.zip", "use": "https://github.com/new?template_name=ice-cream-shop-website-template&template_owner=8bsite", "agents": "https://github.com/8bsite/ice-cream-shop-website-template/blob/main/AGENTS.md", "credits": "https://github.com/8bsite/ice-cream-shop-website-template/blob/main/CREDITS.md", "raw": { "index": "https://raw.githubusercontent.com/8bsite/ice-cream-shop-website-template/main/index.html", "agents": "https://raw.githubusercontent.com/8bsite/ice-cream-shop-website-template/main/AGENTS.md", "license": "https://raw.githubusercontent.com/8bsite/ice-cream-shop-website-template/main/LICENSE", "credits": "https://raw.githubusercontent.com/8bsite/ice-cream-shop-website-template/main/CREDITS.md" }, "preview": "https://8b.com/templates/melty/desktop.webp", "phone": "https://8b.com/templates/melty/phone.webp", "clip": "https://8b.com/templates/melty/scroll.mp4", "og": "https://8b.com/templates/melty/og.jpg", "design_md": "https://8b.com/templates/melty/DESIGN.md" }, "github": { "repo": "8bsite/ice-cream-shop-website-template", "template_repository": true, "topics": [ "html-template", "landing-page", "website-template", "website-templates", "ice-cream-shop", "gelateria", "dessert-shop", "html5", "agents-md", "gsap", "scrolltrigger", "scroll-animation", "lenis", "single-file", "cursor-ai", "static-site", "mit-license", "vibe-coding", "claude-code", "ai-agents" ] }, "made_by": { "name": "8B", "url": "https://8b.com/" } }