{
 "slug": "hush",
 "name": "Hush",
 "title": "Free electric scooter website template",
 "description": "Free HTML electric scooter website template for moped and e-bike makers, with models, paints and plans. AGENTS.md for Claude Code, or no code with 8B.",
 "kind": "One-page website for an electric moped or scooter maker, with models, colours, ownership plans, home servicing and test rides",
 "summary": "A one-page site for a maker of silent electric mopeds. It follows a short opening with a model picker, a charging explainer, four paint colours, close-up details, a city strip, buy or subscribe plans, home servicing, reviews, questions and a test-ride form. Grey and near-black panels with notched corners, one red accent, four full-screen paint colours and large product photographs.",
 "fits": [
  "electric moped or scooter brand",
  "e-bike, e-motorbike or micromobility maker",
  "vehicle showroom with models, colours and finance plans",
  "any physical product with a few variants, a subscription option and a test or demo booking"
 ],
 "categories": [
  "Product and app",
  "Shop"
 ],
 "tags": [
  "electric moped",
  "electric scooter",
  "e-bike",
  "vehicle",
  "showroom",
  "test ride",
  "subscription",
  "product landing page",
  "notched panels",
  "grey and red",
  "gsap",
  "scrolltrigger",
  "splittext",
  "lenis",
  "single-file"
 ],
 "language": "en",
 "size_kb": 108,
 "photos": 29,
 "fonts": [
  "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 121+ (it uses color-mix(), :has(), cascade layers, small/dynamic viewport units).",
 "sections": [
  {
   "key": "navigation",
   "id": "nav",
   "heading": "",
   "about": "fixed top bar: menu button, four section links, wordmark, Test ride, phone and Order buttons; hides on scroll down; full-screen menu overlay"
  },
  {
   "key": "opening",
   "id": "opening",
   "heading": "Nothing to hear but the tyres.",
   "about": "short opening on a black panel with a notch cut from the top: the heading \"Nothing to hear but the tyres.\", three fact cards, an intro and two buttons"
  },
  {
   "key": "models",
   "id": "lineup",
   "heading": "Three ways to go quiet",
   "about": "model picker: three cards (name, one line, range, seats or box, price) beside a photo frame that wipes from model to model"
  },
  {
   "key": "battery",
   "id": "battery",
   "heading": "Charge it at your desk, not at a pump.",
   "about": "charging explainer: photo with a notch and a \"3 hours\" note, heading, paragraph and three steps (Lift, Plug, Ride)"
  },
  {
   "key": "paint",
   "id": "paint",
   "heading": "Four paints, mixed in Hackney",
   "about": "four paint colours as full-screen fields, each with a photo, a huge name, a colour description and an Order button, sliding sideways as you scroll"
  },
  {
   "key": "details",
   "id": "details",
   "heading": "Made for hands, not only for looks",
   "about": "mosaic of a text tile and five close-up photos with captions"
  },
  {
   "key": "city",
   "id": "city",
   "heading": "Parks where a car can't. Leaves before the bus does.",
   "about": "two rows of street photos sliding in opposite directions under a two-line heading, and a paragraph on licence and parking"
  },
  {
   "key": "ownership",
   "id": "ownership",
   "heading": "Own it outright, or ride it by the month.",
   "about": "two plans side by side: Own it (£3,190, four points) and Ride it monthly (£79 a month, four points)"
  },
  {
   "key": "service",
   "id": "service",
   "heading": "We come to you. Your Hush never sees a garage.",
   "about": "home servicing: heading, a workshop photo and three steps (Book a slot, We ride over, Done on the kerb)"
  },
  {
   "key": "reviews",
   "id": "reviews",
   "heading": "What riders hear instead",
   "about": "six rider quotes with a portrait, a first name, the model and the district"
  },
  {
   "key": "faq",
   "id": "faq",
   "heading": "Before you ride",
   "about": "six questions and answers in native <details> elements with a phone link"
  },
  {
   "key": "contact",
   "id": "contact",
   "heading": "Ride one for an hour, free.",
   "about": "test-ride booking: showroom address, hours, phone and email, a showroom photo in a notched panel and a booking form"
  },
  {
   "key": "footer",
   "id": "footer",
   "heading": "",
   "about": "footer: four columns (Explore, Own one, Visit, Talk), a huge wordmark and the legal lines with the Design: 8B credit"
  }
 ],
 "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/electric-scooter-website-template my-site",
  "curl": [
   "curl -LO https://raw.githubusercontent.com/8bsite/electric-scooter-website-template/main/index.html",
   "curl -LO https://raw.githubusercontent.com/8bsite/electric-scooter-website-template/main/AGENTS.md",
   "curl -LO https://raw.githubusercontent.com/8bsite/electric-scooter-website-template/main/LICENSE",
   "curl -LO https://raw.githubusercontent.com/8bsite/electric-scooter-website-template/main/CREDITS.md"
  ],
  "agent_prompt": "Read AGENTS.md, then edit index.html. Make this the site for <my electric vehicle brand: models with range, seats and prices, paint names, battery and charging facts, plan terms, warranty, service price, showroom address, hours and phone, how to book a test ride>. Replace first the brand, models, paints, plans and reviews. Keep the section ids, the classes AGENTS.md lists and three models in the picker, and set each --len to its word's character count. Ask me for missing facts, never invent ranges, prices, finance terms, warranties, reviews or contacts."
 },
 "links": {
  "page": "https://8b.com/templates/hush/",
  "md": "https://8b.com/templates/hush.md",
  "json": "https://8b.com/templates/hush.json",
  "demo": "https://8b.com/templates/hush/demo.html",
  "ghDemo": "https://8bsite.github.io/electric-scooter-website-template/",
  "repo": "https://github.com/8bsite/electric-scooter-website-template",
  "zip": "https://8b.com/templates/hush/electric-scooter-website-template.zip",
  "use": "https://github.com/new?template_name=electric-scooter-website-template&template_owner=8bsite",
  "agents": "https://github.com/8bsite/electric-scooter-website-template/blob/main/AGENTS.md",
  "credits": "https://github.com/8bsite/electric-scooter-website-template/blob/main/CREDITS.md",
  "raw": {
   "index": "https://raw.githubusercontent.com/8bsite/electric-scooter-website-template/main/index.html",
   "agents": "https://raw.githubusercontent.com/8bsite/electric-scooter-website-template/main/AGENTS.md",
   "license": "https://raw.githubusercontent.com/8bsite/electric-scooter-website-template/main/LICENSE",
   "credits": "https://raw.githubusercontent.com/8bsite/electric-scooter-website-template/main/CREDITS.md"
  },
  "preview": "https://8b.com/templates/hush/desktop.webp",
  "phone": "https://8b.com/templates/hush/phone.webp",
  "clip": "https://8b.com/templates/hush/scroll.mp4",
  "og": "https://8b.com/templates/hush/og.jpg",
  "design_md": "https://8b.com/templates/hush/DESIGN.md"
 },
 "github": {
  "repo": "8bsite/electric-scooter-website-template",
  "template_repository": true,
  "topics": [
   "html-template",
   "landing-page",
   "website-template",
   "website-templates",
   "electric-moped",
   "electric-scooter",
   "ev-website",
   "product-landing-page",
   "html5",
   "agents-md",
   "gsap",
   "scrolltrigger",
   "scroll-animation",
   "lenis",
   "single-file",
   "cursor-ai",
   "static-site",
   "mit-license",
   "vibe-coding",
   "claude-code"
  ]
 },
 "made_by": {
  "name": "8B",
  "url": "https://8b.com/"
 }
}