{
 "slug": "quiet-systems",
 "name": "Quiet Systems",
 "title": "Free it support website template",
 "description": "Free HTML IT support website template for managed IT firms and small offices, with a price calculator. AGENTS.md for Claude Code, or no code with 8B.",
 "kind": "One-page website for an IT support company that looks after the computers and security of small offices",
 "summary": "A one-page site for an IT support firm in Nottingham: what it looks after, a phone line, five client offices, five security layers, a price calculator by headcount, before and after notes, the team, questions and a free audit form. Cool grey with one orange accent, a single clean sans, hairline rules drawn on a grid and cut-corner cards and portraits.",
 "fits": [
  "managed IT support provider for small offices",
  "cyber security consultant, web agency or software support firm with per-seat pricing",
  "any B2B service that sells a monthly price per person and a free first visit",
  "any business that wants a calm, technical, drawing-like look with one warm accent"
 ],
 "categories": [
  "Professional services",
  "Local business"
 ],
 "tags": [
  "it support",
  "managed it services",
  "msp",
  "cyber security",
  "tech support",
  "small business",
  "b2b",
  "pricing calculator",
  "grey",
  "minimal",
  "technical",
  "cut corners",
  "gsap",
  "scrolltrigger",
  "lenis",
  "single-file"
 ],
 "language": "en",
 "size_kb": 131,
 "photos": 10,
 "fonts": [
  "Asta 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(), cascade layers, small/dynamic viewport units).",
 "sections": [
  {
   "key": "navigation",
   "id": "nav",
   "heading": "",
   "about": "four links, a wordmark, a Book a free audit button and a Menu button that opens a full-screen overlay"
  },
  {
   "key": "inventory",
   "id": "inventory",
   "heading": "If it plugs in, it is ours to look after.",
   "about": "first screen: the h1 If it plugs in, it is ours to look after. with a lead and two actions, then a ruled list of eight things looked after"
  },
  {
   "key": "line",
   "id": "line",
   "heading": "Call one number. Someone who knows your office answers.",
   "about": "a large phone number with three facts: hours, who answers and out of hours"
  },
  {
   "key": "offices",
   "id": "offices",
   "heading": "Sixty offices call us. Here are five of them.",
   "about": "a grid of five client offices that starts zoomed in on one photo and zooms out to all five with captions"
  },
  {
   "key": "security",
   "id": "security",
   "heading": "Locked, without the lecture.",
   "about": "a dark cut-corner panel with five security layers that slide out from under each other"
  },
  {
   "key": "plans",
   "id": "plans",
   "heading": "One price per person. Everything in it.",
   "about": "one price per person: a checklist beside a card with a headcount slider and a live monthly total"
  },
  {
   "key": "cases",
   "id": "cases",
   "heading": "What changed after the first month.",
   "about": "three before and after notes where the old complaint shrinks and what changed rises in"
  },
  {
   "key": "team",
   "id": "team",
   "heading": "Five people. You will know them by name.",
   "about": "five engineers as portraits; on wide screens an index of names drives one held portrait that opens from a cut corner"
  },
  {
   "key": "faq",
   "id": "faq",
   "heading": "Questions offices ask before they call.",
   "about": "five questions and answers (native details)"
  },
  {
   "key": "contact",
   "id": "contact",
   "heading": "Book a free audit.",
   "about": "a drawn ring and rotating radius behind the heading, contact details and an audit request form"
  },
  {
   "key": "footer",
   "id": "footer",
   "heading": "",
   "about": "wordmark with a sentence, four columns of links and details, and a base 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/it-support-website-template my-site",
  "curl": [
   "curl -LO https://raw.githubusercontent.com/8bsite/it-support-website-template/main/index.html",
   "curl -LO https://raw.githubusercontent.com/8bsite/it-support-website-template/main/AGENTS.md",
   "curl -LO https://raw.githubusercontent.com/8bsite/it-support-website-template/main/LICENSE",
   "curl -LO https://raw.githubusercontent.com/8bsite/it-support-website-template/main/CREDITS.md"
  ],
  "agent_prompt": "Read AGENTS.md, then edit index.html. Make this the site for <my support firm: name, area, services, price per person and headcount range, hours, clients, team, how people book, legal name>. Replace first the firm name, the eight service rows, the client offices, the before and after notes and the team. Change data-rate together with the visible price, keep the ids and the listed classes, and set the phone number's --len to its character count. Ask me for missing facts and never invent prices, clients, response times or contacts."
 },
 "links": {
  "page": "https://8b.com/templates/quiet-systems/",
  "md": "https://8b.com/templates/quiet-systems.md",
  "json": "https://8b.com/templates/quiet-systems.json",
  "demo": "https://8b.com/templates/quiet-systems/demo.html",
  "ghDemo": "https://8bsite.github.io/it-support-website-template/",
  "repo": "https://github.com/8bsite/it-support-website-template",
  "zip": "https://8b.com/templates/quiet-systems/it-support-website-template.zip",
  "use": "https://github.com/new?template_name=it-support-website-template&template_owner=8bsite",
  "agents": "https://github.com/8bsite/it-support-website-template/blob/main/AGENTS.md",
  "credits": "https://github.com/8bsite/it-support-website-template/blob/main/CREDITS.md",
  "raw": {
   "index": "https://raw.githubusercontent.com/8bsite/it-support-website-template/main/index.html",
   "agents": "https://raw.githubusercontent.com/8bsite/it-support-website-template/main/AGENTS.md",
   "license": "https://raw.githubusercontent.com/8bsite/it-support-website-template/main/LICENSE",
   "credits": "https://raw.githubusercontent.com/8bsite/it-support-website-template/main/CREDITS.md"
  },
  "preview": "https://8b.com/templates/quiet-systems/desktop.webp",
  "phone": "https://8b.com/templates/quiet-systems/phone.webp",
  "clip": "https://8b.com/templates/quiet-systems/scroll.mp4",
  "og": "https://8b.com/templates/quiet-systems/og.jpg",
  "design_md": "https://8b.com/templates/quiet-systems/DESIGN.md"
 },
 "github": {
  "repo": "8bsite/it-support-website-template",
  "template_repository": true,
  "topics": [
   "html-template",
   "landing-page",
   "website-template",
   "website-templates",
   "html5",
   "agents-md",
   "gsap",
   "scrolltrigger",
   "scroll-animation",
   "lenis",
   "single-file",
   "cursor-ai",
   "static-site",
   "mit-license",
   "vibe-coding",
   "claude-code",
   "ai-agents",
   "it-support-website",
   "msp-website",
   "managed-services"
  ]
 },
 "made_by": {
  "name": "8B",
  "url": "https://8b.com/"
 }
}