{
 "slug": "moth-marigold",
 "name": "Moth & Marigold",
 "title": "Moth & Marigold, a free florist website template",
 "kind": "Website for a florist or flower shop with delivery, standing orders, events and workshops",
 "summary": "A one-page site for an evening-delivery flower shop: stems of the week, arrangements, delivery, weekly orders, events, growers, workshops, a care column and an order form. Blush and chocolate grounds with hot-pink script lines; the night rises over the first screen as a dome, the delivery hours slide past on a track that darkens from blush to chocolate, and event photos gather from a loose pile into a board.",
 "fits": [
  "florist or flower shop",
  "flower delivery or subscription service",
  "wedding and event florist",
  "flower farm or farm stand that sells direct",
  "any small shop with weekly stock, a delivery window and workshops"
 ],
 "categories": [
  "Shop",
  "Local business"
 ],
 "tags": [
  "florist",
  "flower shop",
  "flower delivery",
  "wedding florist",
  "small business",
  "local shop",
  "blush",
  "script type",
  "gsap",
  "scrolltrigger",
  "lenis",
  "single-file"
 ],
 "language": "en",
 "size_kb": 100,
 "photos": 27,
 "fonts": [
  "Brygada 1918",
  "Playwrite US Trad",
  "TikTok 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/lenis@1.3.4/dist/lenis.min.js"
 ],
 "browsers": "Chrome and Edge 111+, Safari 16.2+, Firefox 113+ (it uses color-mix(), container query units, cascade layers, small/dynamic viewport units).",
 "sections": [
  {
   "key": "navigation",
   "id": "navigation",
   "heading": "",
   "about": "top bar: brand mark and name, section links, Order for tonight button; phone menu overlay with address, hours and phone"
  },
  {
   "key": "opening",
   "id": "opening",
   "heading": "Moth and Marigold",
   "about": "first screen: width-filling brand wordmark, two taglines, two actions and a shop photo; then a dark statement screen (demo: \"after five\")"
  },
  {
   "key": "season",
   "id": "season",
   "heading": "What the fields sent",
   "about": "this week's stock: six items with source, distance and price, beside one held photo frame (demo: flower stems)"
  },
  {
   "key": "work",
   "id": "work",
   "heading": "Flowers that moved in",
   "about": "portfolio grid of six arrangements, each with a title and a place/month caption"
  },
  {
   "key": "dusk",
   "id": "dusk",
   "heading": "Cut at five, at your door by nine",
   "about": "how delivery works: five hour panels (5 pm to 9 pm) on a horizontal track, each a shade darker"
  },
  {
   "key": "standing",
   "id": "standing",
   "heading": "The same evening, every week",
   "about": "price list of three weekly subscriptions as table rows (demo: The Jar, The Mantel, The Lobby)"
  },
  {
   "key": "events",
   "id": "events",
   "heading": "Big flowers for long tables",
   "about": "event services with prices and lead times, a button, and a board of six event photos"
  },
  {
   "key": "growers",
   "id": "growers",
   "heading": "Grown within two hundred miles",
   "about": "suppliers placed on a 0 to 200 mile scale by distance (demo: seven flower growers)"
  },
  {
   "key": "school",
   "id": "school",
   "heading": "Two hours at the bench after closing",
   "about": "workshops: four dated classes with price and seats left, a booking button and one photo (demo: Thursday night school)"
  },
  {
   "key": "notes",
   "id": "notes",
   "heading": "Dear Marigold",
   "about": "journal or blog: one featured post beside a tall photo, two shorter posts (demo: \"Dear Marigold\" care column)"
  },
  {
   "key": "faq",
   "id": "faq",
   "heading": "Before you order",
   "about": "questions and answers (native <details>)"
  },
  {
   "key": "contact",
   "id": "contact",
   "heading": "Tell us who they're for",
   "about": "order form on a card over a shop photo, with address, hours, phone and email"
  },
  {
   "key": "footer",
   "id": "footer",
   "heading": "",
   "about": "large brand mark built from three blocks, link columns, address and contacts, copyright and the Design: 8B credit"
  }
 ],
 "placeholders": [
  "og-image",
  "favicon",
  "phone",
  "social",
  "email",
  "form"
 ],
 "lighthouse": null,
 "license": {
  "code": "MIT",
  "photos": "Unsplash License",
  "fonts": "SIL Open Font License 1.1"
 },
 "get": {
  "degit": "npx degit 8bsite/florist-website-template my-site",
  "curl": [
   "curl -LO https://raw.githubusercontent.com/8bsite/florist-website-template/main/index.html",
   "curl -LO https://raw.githubusercontent.com/8bsite/florist-website-template/main/AGENTS.md",
   "curl -LO https://raw.githubusercontent.com/8bsite/florist-website-template/main/LICENSE",
   "curl -LO https://raw.githubusercontent.com/8bsite/florist-website-template/main/CREDITS.md"
  ],
  "agent_prompt": "Read AGENTS.md, then edit index.html. Use this template as the base for a florist or flower shop site for <your business: name, town, what you sell, how and when you deliver, prices, events or workshops if any>. Keep the layout, the motion and the single-file format; replace the brand name, copy, photos, prices, dates, growers, links and contacts, remove sections you do not need, and recolour it through the CSS variables if needed."
 },
 "links": {
  "page": "https://8b.com/templates/moth-marigold/",
  "md": "https://8b.com/templates/moth-marigold.md",
  "json": "https://8b.com/templates/moth-marigold.json",
  "demo": "https://8bsite.github.io/florist-website-template/",
  "repo": "https://github.com/8bsite/florist-website-template",
  "zip": "https://github.com/8bsite/florist-website-template/archive/refs/heads/main.zip",
  "use": "https://github.com/new?template_name=florist-website-template&template_owner=8bsite",
  "agents": "https://github.com/8bsite/florist-website-template/blob/main/AGENTS.md",
  "credits": "https://github.com/8bsite/florist-website-template/blob/main/CREDITS.md",
  "raw": {
   "index": "https://raw.githubusercontent.com/8bsite/florist-website-template/main/index.html",
   "agents": "https://raw.githubusercontent.com/8bsite/florist-website-template/main/AGENTS.md",
   "license": "https://raw.githubusercontent.com/8bsite/florist-website-template/main/LICENSE",
   "credits": "https://raw.githubusercontent.com/8bsite/florist-website-template/main/CREDITS.md"
  },
  "preview": "https://8b.com/templates/moth-marigold/desktop.webp",
  "phone": "https://8b.com/templates/moth-marigold/phone.webp",
  "clip": "https://8b.com/templates/moth-marigold/scroll.mp4",
  "og": "https://8b.com/templates/moth-marigold/og.jpg"
 },
 "github": {
  "repo": "8bsite/florist-website-template",
  "template_repository": true,
  "topics": [
   "html-template",
   "landing-page",
   "website-template",
   "free-template",
   "florist-website",
   "florist-template",
   "flower-shop",
   "html5",
   "css",
   "gsap",
   "scrolltrigger",
   "scroll-animation",
   "lenis",
   "single-file",
   "no-build",
   "static-site",
   "mit-license",
   "vibe-coding",
   "claude-code",
   "ai-agents"
  ]
 },
 "made_by": {
  "name": "8B",
  "url": "https://8b.com/"
 }
}