{
 "slug": "elbowroom",
 "name": "Elbowroom Storage",
 "title": "Free self storage website template",
 "description": "Free HTML self storage website template: four priced unit sizes, reservation form, no JS libraries. AGENTS.md for Claude Code, or no code with 8B.",
 "kind": "One-page website for a self storage facility with unit sizes, prices per week, building specification and a unit reservation form",
 "summary": "A one-page site for a self storage facility with 612 units: a poster-style opening that tips over into a second poster, three promises on a sideways track, an empty room that opens up, four unit sizes with weekly prices, a building specification, a four-step move-in, door numbers with what is kept behind them, a list of extra services, six questions and a reservation form. Light-grey ground, paper-white posters, near-black type and one signal yellow.",
 "fits": [
  "self storage facility or storage units",
  "removals, van hire or man-and-van company with storage",
  "student storage, wine storage or business archive storage",
  "any rental business with a few sizes, weekly prices and a reservation form"
 ],
 "categories": [
  "Local business"
 ],
 "tags": [
  "self storage",
  "storage units",
  "removals",
  "student storage",
  "business storage",
  "unit rental",
  "reservation form",
  "poster print",
  "grey and yellow",
  "css scroll animations",
  "no libraries",
  "gsap",
  "scrolltrigger",
  "lenis",
  "single-file"
 ],
 "language": "en",
 "size_kb": 107,
 "photos": 18,
 "fonts": [
  "Instrument Sans",
  "Playpen Sans",
  "TikTok Sans"
 ],
 "libraries": [],
 "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": "site-nav",
   "heading": "",
   "about": "top bar of small captions: a brand caption, Self_storage, a pill with three links, Open_24/7 and the district"
  },
  {
   "key": "opening",
   "id": "opening",
   "heading": "Make room. Keep it all.",
   "about": "two screens: a paper poster with the headline, an oval word, address, actions and three keep/clear/breathe lines, then a second poster with a justified manifesto"
  },
  {
   "key": "promises",
   "id": "promises",
   "heading": "Three promises, written into the agreement you sign",
   "about": "pinned sideways track of three promises with giant pale words, a pill-shaped photo and a corridor photo"
  },
  {
   "key": "clear-room",
   "id": "clear-room",
   "heading": "The room you get back",
   "about": "an empty room photo with a text column on each side"
  },
  {
   "key": "units",
   "id": "units",
   "heading": "Four sizes, one key",
   "about": "four unit sizes as faces of a block that turns and then opens flat into a row (a column on phones)"
  },
  {
   "key": "conditions",
   "id": "conditions",
   "heading": "Kept dry, lit and watched",
   "about": "a building specification label: six rows of conditions and a corridor photo"
  },
  {
   "key": "move-in",
   "id": "move-in",
   "heading": "Moving in takes one morning",
   "about": "four tilted step sheets that start as one pile and are dealt onto the wall"
  },
  {
   "key": "neighbours",
   "id": "neighbours",
   "heading": "Behind 612 doors",
   "about": "five door numbers in ovals, each with a photo and a line about what is kept behind it"
  },
  {
   "key": "extras",
   "id": "extras",
   "heading": "Everything besides the room",
   "about": "a dark panel with a drum of nine extra services that spins and unrolls into a list over a corridor photo"
  },
  {
   "key": "faq",
   "id": "faq",
   "heading": "Questions people ask at the desk",
   "about": "six questions as native <details> beside a heading with a phone link"
  },
  {
   "key": "contact",
   "id": "contact",
   "heading": "Come and stand in a unit",
   "about": "a giant halftone COME BY, then address, phone, email and a reservation form"
  },
  {
   "key": "footer",
   "id": "site-footer",
   "heading": "",
   "about": "footer on the grey ground: a large wordmark over address, hours, four links and the company line"
  }
 ],
 "placeholders": [
  "og-image",
  "favicon",
  "phone",
  "email",
  "form"
 ],
 "lighthouse": null,
 "license": {
  "code": "MIT",
  "photos": "Unsplash License",
  "fonts": "SIL Open Font License 1.1"
 },
 "get": {
  "degit": "npx degit 8bsite/self-storage-website-template my-site",
  "curl": [
   "curl -LO https://raw.githubusercontent.com/8bsite/self-storage-website-template/main/index.html",
   "curl -LO https://raw.githubusercontent.com/8bsite/self-storage-website-template/main/AGENTS.md",
   "curl -LO https://raw.githubusercontent.com/8bsite/self-storage-website-template/main/LICENSE",
   "curl -LO https://raw.githubusercontent.com/8bsite/self-storage-website-template/main/CREDITS.md"
  ],
  "agent_prompt": "Read AGENTS.md, then edit index.html. Make this the site for <my storage facility: name, town, unit sizes with area and weekly prices, number of units, access and desk hours, security, insurance terms, notice period, extra services, address, phone, email, company number>. Motion is CSS scroll-driven animation plus the inline motion kit: keep the gate script, the data-8b attributes AGENTS.md lists, the four unit faces and the four move-in sheets; add no library. Never invent prices, terms, insurance limits, reviews or contacts; ask me."
 },
 "links": {
  "page": "https://8b.com/templates/elbowroom/",
  "md": "https://8b.com/templates/elbowroom.md",
  "json": "https://8b.com/templates/elbowroom.json",
  "demo": "https://8b.com/templates/elbowroom/demo.html",
  "ghDemo": "https://8bsite.github.io/self-storage-website-template/",
  "repo": "https://github.com/8bsite/self-storage-website-template",
  "zip": "https://8b.com/templates/elbowroom/self-storage-website-template.zip",
  "use": "https://github.com/new?template_name=self-storage-website-template&template_owner=8bsite",
  "agents": "https://github.com/8bsite/self-storage-website-template/blob/main/AGENTS.md",
  "credits": "https://github.com/8bsite/self-storage-website-template/blob/main/CREDITS.md",
  "raw": {
   "index": "https://raw.githubusercontent.com/8bsite/self-storage-website-template/main/index.html",
   "agents": "https://raw.githubusercontent.com/8bsite/self-storage-website-template/main/AGENTS.md",
   "license": "https://raw.githubusercontent.com/8bsite/self-storage-website-template/main/LICENSE",
   "credits": "https://raw.githubusercontent.com/8bsite/self-storage-website-template/main/CREDITS.md"
  },
  "preview": "https://8b.com/templates/elbowroom/desktop.webp",
  "phone": "https://8b.com/templates/elbowroom/phone.webp",
  "clip": "https://8b.com/templates/elbowroom/scroll.mp4",
  "og": "https://8b.com/templates/elbowroom/og.jpg",
  "design_md": "https://8b.com/templates/elbowroom/DESIGN.md"
 },
 "github": {
  "repo": "8bsite/self-storage-website-template",
  "template_repository": true,
  "topics": [
   "html-template",
   "landing-page",
   "website-template",
   "self-storage",
   "storage-units",
   "storage-website",
   "removals",
   "agents-md",
   "gsap",
   "scrolltrigger",
   "scroll-animation",
   "lenis",
   "single-file",
   "cursor-ai",
   "static-site",
   "mit-license",
   "vibe-coding",
   "claude-code",
   "no-dependencies",
   "css-scroll-driven-animations"
  ]
 },
 "made_by": {
  "name": "8B",
  "url": "https://8b.com/"
 }
}