{
 "slug": "haldane",
 "name": "Haldane",
 "title": "Free tailor website template",
 "description": "Free HTML tailor website template for bespoke tailors and clothiers: cloth, fittings, prices, trunk shows. AGENTS.md for Claude Code, or no code with 8B.",
 "kind": "One-page website for a bespoke tailor or made-to-order clothier that takes fittings in a workroom and on tour",
 "summary": "A one-page site for a bespoke tailor in Edinburgh: the cloth library, three fittings over twelve weeks, the cutters, the house cut, a price list, trunk shows in five cities, the pattern archive, questions and a fitting request form. Near-black ground with bottle green and gold, extra-wide capitals, pill-shaped photos and small turning sparkles.",
 "fits": [
  "bespoke tailor or suit maker",
  "made-to-order clothier, shirtmaker or shoemaker",
  "atelier or workshop that sells by appointment and travels to clients",
  "any craft studio that wants a dark, editorial look with a process story"
 ],
 "categories": [
  "Shop",
  "Local business"
 ],
 "tags": [
  "tailor",
  "bespoke",
  "suit maker",
  "made to measure",
  "atelier",
  "clothing",
  "fashion",
  "craft",
  "dark theme",
  "editorial",
  "pill photos",
  "gsap",
  "scrolltrigger",
  "lenis",
  "single-file"
 ],
 "language": "en",
 "size_kb": 99,
 "photos": 18,
 "fonts": [
  "Funnel Display",
  "Geist",
  "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/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(), container query units, cascade layers, small/dynamic viewport units).",
 "sections": [
  {
   "key": "navigation",
   "id": "nav",
   "heading": "",
   "about": "wordmark, three links and a booking button; a Menu button opens a full-screen overlay with six links, the booking button, address and phone"
  },
  {
   "key": "opening",
   "id": "opening",
   "heading": "Every Haldane suit begins as a brown-paper pattern drawn for one body, then is basted, fitted three times and finished by hand.",
   "about": "one large statement as the h1 with two small photo pills inside it, three facts and two links"
  },
  {
   "key": "cloth",
   "id": "cloth",
   "heading": "Four hundred cloths. One of them is yours.",
   "about": "six cloth swatches arrive scattered like stickers, straighten into a row and open into tall pill bolts"
  },
  {
   "key": "fittings",
   "id": "fittings",
   "heading": "Three fittings, twelve weeks",
   "about": "four steps as extra-wide words joined by dashes; the track travels sideways while the section is held, photos open as they arrive"
  },
  {
   "key": "cutters",
   "id": "cutters",
   "heading": "Three pairs of hands in every coat",
   "about": "three portrait stickers with name, role and one line each"
  },
  {
   "key": "cut",
   "id": "cut",
   "heading": "The Haldane cut",
   "about": "four traits of the house cut in extra-wide type that stretches as it rises, beside one portrait"
  },
  {
   "key": "commissions",
   "id": "commissions",
   "heading": "Commissions",
   "about": "price list of five garments in hairline rows, with weeks and fittings"
  },
  {
   "key": "visits",
   "id": "visits",
   "heading": "We travel with the cloth",
   "about": "five trunk-show cities with dates; a gold stamp rolls down beside the list and stamps each city"
  },
  {
   "key": "archive",
   "id": "archive",
   "heading": "Your pattern stays with us",
   "about": "a photo cut into five bands that slide into register, with a paragraph and three terms"
  },
  {
   "key": "faq",
   "id": "faq",
   "heading": "Questions before a first fitting",
   "about": "five questions and answers (native <details>) with an email link"
  },
  {
   "key": "contact",
   "id": "contact",
   "heading": "Come in",
   "about": "\"Come in\" headline closing onto a dash, workroom address, hours, phone, email, a photo and a fitting request form"
  },
  {
   "key": "footer",
   "id": "footer",
   "heading": "",
   "about": "hairline with sparkles, workroom, page links, contact links, the wordmark across the width, copyright and 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/tailor-website-template my-site",
  "curl": [
   "curl -LO https://raw.githubusercontent.com/8bsite/tailor-website-template/main/index.html",
   "curl -LO https://raw.githubusercontent.com/8bsite/tailor-website-template/main/AGENTS.md",
   "curl -LO https://raw.githubusercontent.com/8bsite/tailor-website-template/main/LICENSE",
   "curl -LO https://raw.githubusercontent.com/8bsite/tailor-website-template/main/CREDITS.md"
  ],
  "agent_prompt": "Read AGENTS.md, then edit index.html. Make this the site for <my workroom: name, city, garments and prices, fittings and weeks, deposit, cloth mills, cutters, trunk show cities and dates, hours, address, how people book, legal name>. Replace first the brand name, cloth names, prices, cities, dates, people and the footer line. Keep the section ids, the data-8b-section, data-8b-motion and data-8b-part attributes and the classes AGENTS.md lists, and set each --len to the new text's character count. Ask me for missing facts; never invent prices, dates, hours or contacts."
 },
 "links": {
  "page": "https://8b.com/templates/haldane/",
  "md": "https://8b.com/templates/haldane.md",
  "json": "https://8b.com/templates/haldane.json",
  "demo": "https://8b.com/templates/haldane/demo.html",
  "ghDemo": "https://8bsite.github.io/tailor-website-template/",
  "repo": "https://github.com/8bsite/tailor-website-template",
  "zip": "https://8b.com/templates/haldane/tailor-website-template.zip",
  "use": "https://github.com/new?template_name=tailor-website-template&template_owner=8bsite",
  "agents": "https://github.com/8bsite/tailor-website-template/blob/main/AGENTS.md",
  "credits": "https://github.com/8bsite/tailor-website-template/blob/main/CREDITS.md",
  "raw": {
   "index": "https://raw.githubusercontent.com/8bsite/tailor-website-template/main/index.html",
   "agents": "https://raw.githubusercontent.com/8bsite/tailor-website-template/main/AGENTS.md",
   "license": "https://raw.githubusercontent.com/8bsite/tailor-website-template/main/LICENSE",
   "credits": "https://raw.githubusercontent.com/8bsite/tailor-website-template/main/CREDITS.md"
  },
  "preview": "https://8b.com/templates/haldane/desktop.webp",
  "phone": "https://8b.com/templates/haldane/phone.webp",
  "clip": "https://8b.com/templates/haldane/scroll.mp4",
  "og": "https://8b.com/templates/haldane/og.jpg",
  "design_md": "https://8b.com/templates/haldane/DESIGN.md"
 },
 "github": {
  "repo": "8bsite/tailor-website-template",
  "template_repository": true,
  "topics": [
   "html-template",
   "landing-page",
   "website-template",
   "website-templates",
   "tailor-website",
   "bespoke-tailoring",
   "clothing-website",
   "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/"
 }
}