{
 "slug": "fellgate",
 "name": "Fellgate",
 "title": "Free law firm website template",
 "description": "Free HTML law firm website template for commercial lawyers: practices, matters, partners, fees. AGENTS.md for AI agents, or a no-code site from 8B.",
 "kind": "One-page website for a commercial law firm that acts for growing companies, their founders and boards",
 "summary": "A one-page site for a commercial law firm with three offices: a two-screen opening, four practice areas, five promises, recent matters, offices, six partners, pro bono work, fee types, questions and a contact form. Monochrome photos on white and grey with one red accent: fog rises over a mountain until a statement inks out of the white, practice panels stack with red geometric shapes, and a ring of city photos turns.",
 "fits": [
  "commercial or corporate law firm",
  "solicitors, an employment law practice or barristers' chambers",
  "advisory firm with several offices (tax, audit, corporate finance, consulting)",
  "any professional firm that wants a calm monochrome look with one red accent"
 ],
 "categories": [
  "Professional services"
 ],
 "tags": [
  "law firm",
  "lawyer",
  "solicitor",
  "attorney",
  "legal services",
  "commercial law",
  "professional services",
  "corporate",
  "monochrome",
  "minimal",
  "red accent",
  "serif",
  "gsap",
  "scrolltrigger",
  "lenis",
  "single-file"
 ],
 "language": "en",
 "size_kb": 94,
 "photos": 26,
 "fonts": [
  "Host Grotesk",
  "Source Serif 4"
 ],
 "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.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": "fixed bar: logo, seven section links and a Book a first call button; hides on scroll down; full-screen menu below 1000 px"
  },
  {
   "key": "opening",
   "id": "opening",
   "heading": "Hold your ground.",
   "about": "two screens: a monochrome mountain photo in fog with the stepped h1 and a lead, then a statement and a paragraph about the firm inked out of the white"
  },
  {
   "key": "practice areas",
   "id": "practice",
   "heading": "Four practices, one standard: advice you can act on the same day.",
   "about": "intro and four full-screen practice panels that stack, each with a photo over red shapes, a two-line title, text and key terms"
  },
  {
   "key": "principles",
   "id": "principles",
   "heading": "Five promises, written into every engagement letter.",
   "about": "five promises in red serif in a two-column staircase of hairline cells, beside an intro and a link to fees"
  },
  {
   "key": "selected matters",
   "id": "matters",
   "heading": "Recent matters, told plainly.",
   "about": "table of six recent matters: year, client, matter, outcome"
  },
  {
   "key": "offices",
   "id": "offices",
   "heading": "Three offices, and partner firms in twelve more countries.",
   "about": "an arc of ten city photos turning around a paragraph, then three office addresses and phones"
  },
  {
   "key": "partners",
   "id": "people",
   "heading": "Seventy lawyers. Six partners sign the letters.",
   "about": "six partner portraits with practice, city and direct line, carried sideways by the scroll"
  },
  {
   "key": "pro bono",
   "id": "probono",
   "heading": "One working day in ten belongs to people who could never pay for it.",
   "about": "a photo beside a large statement and three items of pro bono work"
  },
  {
   "key": "fees",
   "id": "fees",
   "heading": "Fees agreed before the work, in writing.",
   "about": "three fee types on one scale: red bars for fixed, capped and hourly, with their terms"
  },
  {
   "key": "questions",
   "id": "faq",
   "heading": "Questions clients ask before the first call.",
   "about": "six questions and answers (native <details>) beside a heading and a Book a first call button"
  },
  {
   "key": "contact",
   "id": "contact",
   "heading": "Tell us where you need to stand. A partner will call you back within one working day.",
   "about": "closing statement, four office photos dealt into a row, a contact form (no back end yet) and phone, email and out-of-hours line"
  },
  {
   "key": "footer",
   "id": "footer",
   "heading": "",
   "about": "logo, five policy links, the regulation line and the copyright with the Design: 8B credit"
  }
 ],
 "placeholders": [
  "og-image",
  "favicon",
  "phone",
  "form",
  "email",
  "social"
 ],
 "lighthouse": null,
 "license": {
  "code": "MIT",
  "photos": "Unsplash License",
  "fonts": "SIL Open Font License 1.1"
 },
 "get": {
  "degit": "npx degit 8bsite/law-firm-website-template my-site",
  "curl": [
   "curl -LO https://raw.githubusercontent.com/8bsite/law-firm-website-template/main/index.html",
   "curl -LO https://raw.githubusercontent.com/8bsite/law-firm-website-template/main/AGENTS.md",
   "curl -LO https://raw.githubusercontent.com/8bsite/law-firm-website-template/main/LICENSE",
   "curl -LO https://raw.githubusercontent.com/8bsite/law-firm-website-template/main/CREDITS.md"
  ],
  "agent_prompt": "Read AGENTS.md, then edit index.html. The site presents <our firm: name and legal form, practice areas, partners and direct lines, office addresses and phones, publishable matters, how we charge, regulator and registration number>. Replace first the firm name, footer's legal line, six matters, partners and ring's cities. Keep the ids and classes AGENTS.md lists, each practice panel's data-figure and red pieces, the h1's three short lines, and --city-i centred on zero. Ask me for anything missing; never invent fees, results, client names, regulators, addresses or contacts."
 },
 "links": {
  "page": "https://8b.com/templates/fellgate/",
  "md": "https://8b.com/templates/fellgate.md",
  "json": "https://8b.com/templates/fellgate.json",
  "demo": "https://8b.com/templates/fellgate/demo.html",
  "ghDemo": "https://8bsite.github.io/law-firm-website-template/",
  "repo": "https://github.com/8bsite/law-firm-website-template",
  "zip": "https://8b.com/templates/fellgate/law-firm-website-template.zip",
  "use": "https://github.com/new?template_name=law-firm-website-template&template_owner=8bsite",
  "agents": "https://github.com/8bsite/law-firm-website-template/blob/main/AGENTS.md",
  "credits": "https://github.com/8bsite/law-firm-website-template/blob/main/CREDITS.md",
  "raw": {
   "index": "https://raw.githubusercontent.com/8bsite/law-firm-website-template/main/index.html",
   "agents": "https://raw.githubusercontent.com/8bsite/law-firm-website-template/main/AGENTS.md",
   "license": "https://raw.githubusercontent.com/8bsite/law-firm-website-template/main/LICENSE",
   "credits": "https://raw.githubusercontent.com/8bsite/law-firm-website-template/main/CREDITS.md"
  },
  "preview": "https://8b.com/templates/fellgate/desktop.webp",
  "phone": "https://8b.com/templates/fellgate/phone.webp",
  "clip": "https://8b.com/templates/fellgate/scroll.mp4",
  "og": "https://8b.com/templates/fellgate/og.jpg",
  "design_md": "https://8b.com/templates/fellgate/DESIGN.md"
 },
 "github": {
  "repo": "8bsite/law-firm-website-template",
  "template_repository": true,
  "topics": [
   "html-template",
   "landing-page",
   "website-template",
   "website-templates",
   "law-firm-website",
   "lawyer-website",
   "legal-website",
   "html5",
   "agents-md",
   "gsap",
   "scrolltrigger",
   "scroll-animation",
   "lenis",
   "single-file",
   "cursor-ai",
   "static-site",
   "mit-license",
   "vibe-coding",
   "claude-code",
   "ai-agents"
  ]
 },
 "made_by": {
  "name": "8B",
  "url": "https://8b.com/"
 }
}