{
 "slug": "vernis",
 "name": "Vernis",
 "title": "Free car detailing website template",
 "description": "Free HTML car detailing website template for detail studios, with a paint readings sheet and booking form. AGENTS.md for Claude Code, or no code with 8B.",
 "kind": "One-page website for a car detailing studio that offers paint correction, ceramic coating and interior care to car owners",
 "summary": "A one-page site for a detail studio that takes one car at a time. It runs from the opening and three treatments with prices through a table of paint readings, five recent cars, the studio, a five-day week, owner reviews, questions, aftercare and an inspection form. The look is near-black with a very wide light wordmark, bracketed uppercase captions, and deep green and olive grounds.",
 "fits": [
  "car detailing studio",
  "paint protection film, window tinting or vehicle wrap shop",
  "bodywork, restoration or specialist garage",
  "any premium service with a few priced options, a step-by-step process and a case-study gallery"
 ],
 "categories": [
  "Local business"
 ],
 "tags": [
  "car detailing",
  "paint correction",
  "ceramic coating",
  "auto shop",
  "car care",
  "garage",
  "studio",
  "dark",
  "minimal",
  "booking form",
  "gsap",
  "scrolltrigger",
  "lenis",
  "single-file"
 ],
 "language": "en",
 "size_kb": 107,
 "photos": 16,
 "fonts": [
  "Geist",
  "Google Sans",
  "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": "fixed bar: wordmark, five section links in the page's own link style, Menu button on phones with a full-screen overlay"
  },
  {
   "key": "opening",
   "id": "opening",
   "heading": "You see the finish before you see the car.",
   "about": "two screens: a wide wordmark with headline, intro, two actions and an address caption, then a framed photo of a car in a tunnel of light with a claim and three tags"
  },
  {
   "key": "treatments",
   "id": "treatments",
   "heading": "Three treatments, one standard of light.",
   "about": "three tall rows: treatment name in the wide face, lead, text, time in the studio, price from, and a photo"
  },
  {
   "key": "measure",
   "id": "measure",
   "heading": "We read the paint before we cut it.",
   "about": "a sheet of twelve panels with paint depth in microns and a bar for each; one flagged as resprayed"
  },
  {
   "key": "work",
   "id": "work",
   "heading": "Cars that left the studio this season.",
   "about": "an offset grid of five recent cars, each with two tags on the photo, a name and a description"
  },
  {
   "key": "studio",
   "id": "studio",
   "heading": "One car in the studio at a time.",
   "about": "a photo of a car in a white room beside a short text and three facts with square markers"
  },
  {
   "key": "process",
   "id": "process",
   "heading": "A working week for one car.",
   "about": "a working week of five day columns, Monday to Friday, with a stack of photos travelling across them"
  },
  {
   "key": "reviews",
   "id": "reviews",
   "heading": "Owners, in their words.",
   "about": "six owner quotes on cards that stand as a descending staircase and level into one row on a sideways track"
  },
  {
   "key": "faq",
   "id": "faq",
   "heading": "What owners ask before booking.",
   "about": "six questions in native details elements beside a heading"
  },
  {
   "key": "aftercare",
   "id": "aftercare",
   "heading": "A coating is not armour. Wash it gently, dry it softly, and the gloss you collected is the gloss you keep.",
   "about": "a sage-ground statement with three rules, a maintenance wash offer and a photo of a towel on a bonnet"
  },
  {
   "key": "contact",
   "id": "contact",
   "heading": "Forty minutes under the lamps.",
   "about": "booking form beside the studio details: address, hours, phone, email"
  },
  {
   "key": "footer",
   "id": "footer",
   "heading": "",
   "about": "footer with the wordmark across the width, address, hours, contact, page links and legal lines"
  }
 ],
 "placeholders": [
  "og-image",
  "favicon",
  "phone",
  "form",
  "email"
 ],
 "lighthouse": null,
 "license": {
  "code": "MIT",
  "photos": "Unsplash License",
  "fonts": "SIL Open Font License 1.1"
 },
 "get": {
  "degit": "npx degit 8bsite/car-detailing-website-template my-site",
  "curl": [
   "curl -LO https://raw.githubusercontent.com/8bsite/car-detailing-website-template/main/index.html",
   "curl -LO https://raw.githubusercontent.com/8bsite/car-detailing-website-template/main/AGENTS.md",
   "curl -LO https://raw.githubusercontent.com/8bsite/car-detailing-website-template/main/LICENSE",
   "curl -LO https://raw.githubusercontent.com/8bsite/car-detailing-website-template/main/CREDITS.md"
  ],
  "agent_prompt": "Read AGENTS.md, then edit index.html. Make this the site for <my detailing business: name, city, treatments with times and starting prices, recent cars with my own photos, the working week, reviews, warranty, hours, address, contacts, how people book>. Replace first the studio name, address, prices, paint readings, cars and reviews. 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 its text's length. Ask me for missing facts; never invent prices, readings, reviews or contacts."
 },
 "links": {
  "page": "https://8b.com/templates/vernis/",
  "md": "https://8b.com/templates/vernis.md",
  "json": "https://8b.com/templates/vernis.json",
  "demo": "https://8b.com/templates/vernis/demo.html",
  "ghDemo": "https://8bsite.github.io/car-detailing-website-template/",
  "repo": "https://github.com/8bsite/car-detailing-website-template",
  "zip": "https://8b.com/templates/vernis/car-detailing-website-template.zip",
  "use": "https://github.com/new?template_name=car-detailing-website-template&template_owner=8bsite",
  "agents": "https://github.com/8bsite/car-detailing-website-template/blob/main/AGENTS.md",
  "credits": "https://github.com/8bsite/car-detailing-website-template/blob/main/CREDITS.md",
  "raw": {
   "index": "https://raw.githubusercontent.com/8bsite/car-detailing-website-template/main/index.html",
   "agents": "https://raw.githubusercontent.com/8bsite/car-detailing-website-template/main/AGENTS.md",
   "license": "https://raw.githubusercontent.com/8bsite/car-detailing-website-template/main/LICENSE",
   "credits": "https://raw.githubusercontent.com/8bsite/car-detailing-website-template/main/CREDITS.md"
  },
  "preview": "https://8b.com/templates/vernis/desktop.webp",
  "phone": "https://8b.com/templates/vernis/phone.webp",
  "clip": "https://8b.com/templates/vernis/scroll.mp4",
  "og": "https://8b.com/templates/vernis/og.jpg",
  "design_md": "https://8b.com/templates/vernis/DESIGN.md"
 },
 "github": {
  "repo": "8bsite/car-detailing-website-template",
  "template_repository": true,
  "topics": [
   "html-template",
   "landing-page",
   "website-template",
   "website-templates",
   "car-detailing",
   "detailing-website",
   "ceramic-coating",
   "auto-shop",
   "dark-theme",
   "html5",
   "agents-md",
   "gsap",
   "scrolltrigger",
   "scroll-animation",
   "lenis",
   "single-file",
   "cursor-ai",
   "static-site",
   "mit-license",
   "claude-code"
  ]
 },
 "made_by": {
  "name": "8B",
  "url": "https://8b.com/"
 }
}