{
 "slug": "resin-cabinet",
 "name": "The Resin Cabinet",
 "title": "Free perfumery website template",
 "description": "Free HTML perfumery website template for blind-tasting sessions and a sample set, with a booking form. AGENTS.md for Claude Code, or no code with 8B.",
 "kind": "One-page website for an independent perfumery that sells by appointment and by post",
 "summary": "A one-page site for a small perfumery in Edinburgh: a blind-tasting opening, the origins of six materials, a shelf of scents, four signature extraits, an accord section, batches resting, the three noses, questions, a sample set and a booking form. Near-black ground with warm cream type, amber accents, arched photo windows, drawn thread lines and a serif and sans pairing.",
 "fits": [
  "independent perfumery or fragrance studio",
  "candle, incense or apothecary brand that sells by appointment",
  "small luxury maker with a few signature products and a sample set",
  "any business that wants a dark, quiet, editorial look"
 ],
 "categories": [
  "Shop"
 ],
 "tags": [
  "perfumery",
  "perfume",
  "fragrance",
  "scent",
  "niche perfume",
  "apothecary",
  "candles",
  "by appointment",
  "luxury",
  "dark theme",
  "editorial",
  "gsap",
  "scrolltrigger",
  "lenis",
  "single-file"
 ],
 "language": "en",
 "size_kb": 100,
 "photos": 24,
 "fonts": [
  "Host Grotesk",
  "Kalnia"
 ],
 "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": "nav",
   "heading": "",
   "about": "the name at the left, Origins, Cabinet and Book a session links and a menu button; a full-screen menu with five links, address and hours"
  },
  {
   "key": "opening",
   "id": "opening",
   "heading": "Nose Before Name",
   "about": "a dark first screen with a split three-line heading, two floating photo cards, an arch window and a button; then a dome of ink rises over it with four numbered strips"
  },
  {
   "key": "origins",
   "id": "origins",
   "heading": "Origins Before the Bottle",
   "about": "six harvest photos in a grid; the stage opens on one filling the screen, which shrinks into its slot while the others fly in"
  },
  {
   "key": "shelf",
   "id": "shelf",
   "heading": "No Window, No Sign",
   "about": "a text about a room with no window or sign, a booking button and a photo of a curved bench of bottles"
  },
  {
   "key": "cabinet",
   "id": "cabinet",
   "heading": "The Cabinet",
   "about": "four extraits dealt one by one out of a stack while the two title words part to the edges"
  },
  {
   "key": "accord",
   "id": "accord",
   "heading": "The Accord",
   "about": "one photo of resin on bark that splits down the middle and slides apart to frame a finished bottle"
  },
  {
   "key": "resting",
   "id": "resting",
   "heading": "Now Resting",
   "about": "three batches aging in the dark with their status and a thread line"
  },
  {
   "key": "noses",
   "id": "noses",
   "heading": "Noses",
   "about": "a giant word Noses, a lead and three portraits in arched windows"
  },
  {
   "key": "questions",
   "id": "questions",
   "heading": "Questions",
   "about": "five questions as native <details> with a thread line"
  },
  {
   "key": "blind-set",
   "id": "blind-set",
   "heading": "The Blind Set",
   "about": "the sample set: six numbered vials seen through six round openings that widen into the whole photo"
  },
  {
   "key": "visit",
   "id": "visit",
   "heading": "Request a Blind Session",
   "about": "a booking request form beside address, hours, phone and email, with a thread line"
  },
  {
   "key": "footer",
   "id": "footer",
   "heading": "",
   "about": "a one-line description, five links, copyright, address and email, with a thread line"
  }
 ],
 "placeholders": [
  "og-image",
  "favicon",
  "email",
  "form",
  "phone"
 ],
 "lighthouse": null,
 "license": {
  "code": "MIT",
  "photos": "Unsplash License",
  "fonts": "SIL Open Font License 1.1"
 },
 "get": {
  "degit": "npx degit 8bsite/perfumery-website-template my-site",
  "curl": [
   "curl -LO https://raw.githubusercontent.com/8bsite/perfumery-website-template/main/index.html",
   "curl -LO https://raw.githubusercontent.com/8bsite/perfumery-website-template/main/AGENTS.md",
   "curl -LO https://raw.githubusercontent.com/8bsite/perfumery-website-template/main/LICENSE",
   "curl -LO https://raw.githubusercontent.com/8bsite/perfumery-website-template/main/CREDITS.md"
  ],
  "agent_prompt": "Read AGENTS.md, then edit index.html. Make this the site for <my perfumery: name, address, how I sell (appointment, post), my signature scents with notes, sizes and prices, where each material is grown, who chooses the scents, session price, sample set price, shipping and returns, opening hours>. Replace first the name, the six origins, the four extrait cards and the three people. Keep the section ids, the classes AGENTS.md lists, six origin tiles, four cabinet cards and six vials. Ask for missing facts; never invent prices, hours, addresses or contacts."
 },
 "links": {
  "page": "https://8b.com/templates/resin-cabinet/",
  "md": "https://8b.com/templates/resin-cabinet.md",
  "json": "https://8b.com/templates/resin-cabinet.json",
  "demo": "https://8b.com/templates/resin-cabinet/demo.html",
  "ghDemo": "https://8bsite.github.io/perfumery-website-template/",
  "repo": "https://github.com/8bsite/perfumery-website-template",
  "zip": "https://8b.com/templates/resin-cabinet/perfumery-website-template.zip",
  "use": "https://github.com/new?template_name=perfumery-website-template&template_owner=8bsite",
  "agents": "https://github.com/8bsite/perfumery-website-template/blob/main/AGENTS.md",
  "credits": "https://github.com/8bsite/perfumery-website-template/blob/main/CREDITS.md",
  "raw": {
   "index": "https://raw.githubusercontent.com/8bsite/perfumery-website-template/main/index.html",
   "agents": "https://raw.githubusercontent.com/8bsite/perfumery-website-template/main/AGENTS.md",
   "license": "https://raw.githubusercontent.com/8bsite/perfumery-website-template/main/LICENSE",
   "credits": "https://raw.githubusercontent.com/8bsite/perfumery-website-template/main/CREDITS.md"
  },
  "preview": "https://8b.com/templates/resin-cabinet/desktop.webp",
  "phone": "https://8b.com/templates/resin-cabinet/phone.webp",
  "clip": "https://8b.com/templates/resin-cabinet/scroll.mp4",
  "og": "https://8b.com/templates/resin-cabinet/og.jpg",
  "design_md": "https://8b.com/templates/resin-cabinet/DESIGN.md"
 },
 "github": {
  "repo": "8bsite/perfumery-website-template",
  "template_repository": true,
  "topics": [
   "html-template",
   "landing-page",
   "website-template",
   "website-templates",
   "perfumery-website",
   "fragrance-website",
   "perfume-shop",
   "dark-theme",
   "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/"
 }
}