{
 "slug": "isoline",
 "name": "Isoline",
 "title": "Isoline, a free coworking website template",
 "kind": "Website for a coworking space or members' workspace, with day passes and memberships",
 "summary": "A one-page site for an invented members' workspace in Leeds with three floors, from a talkative roof down to silent study carrels. Big colour fields of nested stepped bands, like contour lines, mark each floor's depth in orange, blue and violet; on the first scroll you fall into the blue field, prints drop on their wires and the bands fill and open as you read on.",
 "fits": [
  "coworking space or shared office",
  "quiet study space, library or writers' room",
  "members' club with day passes and memberships",
  "any venue with floors, zones or levels to explain"
 ],
 "categories": [
  "Community"
 ],
 "tags": [
  "coworking",
  "workspace",
  "membership",
  "shared office",
  "contour lines",
  "colour fields",
  "gsap",
  "scrolltrigger",
  "lenis",
  "single-file"
 ],
 "language": "en",
 "size_kb": 153,
 "photos": 13,
 "fonts": [
  "Funnel Display",
  "Host Grotesk"
 ],
 "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).",
 "sections": [
  {
   "key": "navigation",
   "id": "navigation",
   "heading": "",
   "about": "top bar: wordmark, section links, Book a day button; phone menu overlay"
  },
  {
   "key": "opening",
   "id": "opening",
   "heading": "Work at your own depth.",
   "about": "two screens: headline over a huge colour field with a figure on its edge, then a statement and three anchors on the field's colour"
  },
  {
   "key": "depths",
   "id": "depths",
   "heading": "Three depths. Pick one each morning.",
   "about": "three hanging posters, one per zone or level, each with its own colour field, photo and caption (demo: the three floors)"
  },
  {
   "key": "day",
   "id": "day",
   "heading": "The building has a day of its own.",
   "about": "daily schedule beside a sticky colour dial (demo: a weekday from 7:30 to 21:00)"
  },
  {
   "key": "rooms",
   "id": "rooms",
   "heading": "Rooms, in order of descent.",
   "about": "list of rooms indented by level, each with a small hanging photo"
  },
  {
   "key": "rules",
   "id": "rules",
   "heading": "Three rules, posted at the stairs.",
   "about": "three short house rules inside a V-shaped cross-section of bands"
  },
  {
   "key": "members",
   "id": "members",
   "heading": "Who works down here.",
   "about": "four members with photo, name, job and a quote, each under a small colour field"
  },
  {
   "key": "evenings",
   "id": "evenings",
   "heading": "Surfacing, on Thursday evenings.",
   "about": "list of upcoming events with date, time, title, speaker, place and a Save a seat link (demo: Thursday talks)"
  },
  {
   "key": "made",
   "id": "made",
   "heading": "Finished at depth.",
   "about": "table of works members finished, each with a small stepped colour swatch"
  },
  {
   "key": "plans",
   "id": "plans",
   "heading": "How deep a membership goes.",
   "about": "three pricing plans as colour fields whose band count shows how much each includes"
  },
  {
   "key": "visit",
   "id": "visit",
   "heading": "Come down for a day.",
   "about": "contact: address, hours, phone, email, a drawn contour map and a tour request form (placeholders)"
  },
  {
   "key": "footer",
   "id": "footer",
   "heading": "",
   "about": "tagline with address, links, wordmark, copyright and the Design: 8B credit, hours 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/coworking-website-template my-site",
  "curl": [
   "curl -LO https://raw.githubusercontent.com/8bsite/coworking-website-template/main/index.html",
   "curl -LO https://raw.githubusercontent.com/8bsite/coworking-website-template/main/AGENTS.md",
   "curl -LO https://raw.githubusercontent.com/8bsite/coworking-website-template/main/LICENSE",
   "curl -LO https://raw.githubusercontent.com/8bsite/coworking-website-template/main/CREDITS.md"
  ],
  "agent_prompt": "Read AGENTS.md, then edit index.html. Use this template as the base for a site for <your coworking space or workspace: name, city, floors or zones, opening hours, prices, events, how to book>. Keep the layout, the motion and the single-file format; replace the brand name, copy, photos, prices, dates, member names, links and contacts, and recolour it through the CSS variables if needed."
 },
 "links": {
  "page": "https://8b.com/templates/isoline/",
  "md": "https://8b.com/templates/isoline.md",
  "json": "https://8b.com/templates/isoline.json",
  "demo": "https://8bsite.github.io/coworking-website-template/",
  "repo": "https://github.com/8bsite/coworking-website-template",
  "zip": "https://github.com/8bsite/coworking-website-template/archive/refs/heads/main.zip",
  "use": "https://github.com/new?template_name=coworking-website-template&template_owner=8bsite",
  "agents": "https://github.com/8bsite/coworking-website-template/blob/main/AGENTS.md",
  "credits": "https://github.com/8bsite/coworking-website-template/blob/main/CREDITS.md",
  "raw": {
   "index": "https://raw.githubusercontent.com/8bsite/coworking-website-template/main/index.html",
   "agents": "https://raw.githubusercontent.com/8bsite/coworking-website-template/main/AGENTS.md",
   "license": "https://raw.githubusercontent.com/8bsite/coworking-website-template/main/LICENSE",
   "credits": "https://raw.githubusercontent.com/8bsite/coworking-website-template/main/CREDITS.md"
  },
  "preview": "https://8b.com/templates/isoline/desktop.webp",
  "phone": "https://8b.com/templates/isoline/phone.webp",
  "clip": "https://8b.com/templates/isoline/scroll.mp4",
  "og": "https://8b.com/templates/isoline/og.jpg"
 },
 "github": {
  "repo": "8bsite/coworking-website-template",
  "template_repository": true,
  "topics": [
   "html-template",
   "landing-page",
   "website-template",
   "free-template",
   "coworking",
   "coworking-space",
   "coworking-website",
   "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/"
 }
}