{
 "slug": "keylight",
 "name": "Keylight Mortgages",
 "title": "Free mortgage broker website template",
 "description": "Free HTML mortgage broker website template for advisers who compare the whole market and book free calls. AGENTS.md for Claude Code, or no code with 8B.",
 "kind": "One-page website for a mortgage broker or adviser who compares the whole market and books free calls",
 "summary": "A one-page site for a whole-of-market mortgage broker: an example agreement in principle, a market chart of 94 lenders, four steps from call to keys, a ledger of what is included at a fee of zero, four advisers, three client stories, a rate-switch timeline, a free review offer, questions and a call-back form. White and soft zinc with an amber and ember accent, a held photo frame and a timeline that runs sideways.",
 "fits": [
  "mortgage broker or mortgage adviser",
  "independent financial adviser, insurance broker or loan broker",
  "estate agent or conveyancer with a small advice team",
  "any regulated service that sells a call and explains a process"
 ],
 "categories": [
  "Finance",
  "Professional services"
 ],
 "tags": [
  "mortgage broker",
  "mortgage adviser",
  "financial adviser",
  "finance",
  "fintech",
  "remortgage",
  "first-time buyers",
  "landing page",
  "clean",
  "white",
  "amber",
  "gsap",
  "scrolltrigger",
  "lenis",
  "single-file"
 ],
 "language": "en",
 "size_kb": 91,
 "photos": 13,
 "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 113+ (it uses color-mix(), cascade layers, small/dynamic viewport units).",
 "sections": [
  {
   "key": "navigation",
   "id": "navigation",
   "heading": "",
   "about": "four links, a wordmark with a round mark, the phone, a Book a free call button and a Menu button; a menu overlay with five links"
  },
  {
   "key": "opening",
   "id": "opening",
   "heading": "Know your number before you fall for a house.",
   "about": "a heading, a paragraph and two actions beside a card showing an example agreement in principle"
  },
  {
   "key": "market",
   "id": "market",
   "heading": "Your bank shows you one shelf. We show you the whole market.",
   "about": "a chart of 94 thin lines, your bank as one dark line, which light up and grow outward as you scroll, above three lender kinds"
  },
  {
   "key": "method",
   "id": "method",
   "heading": "How it works",
   "about": "four steps at the left; a held photo frame at the right wipes from one photo to the next with status chips"
  },
  {
   "key": "included",
   "id": "included",
   "heading": "Brokers can charge up to £995. Our fee is £0.",
   "about": "a headline about the fee and a ledger of nine included services"
  },
  {
   "key": "advisers",
   "id": "advisers",
   "heading": "The adviser on your first call is the one who hands you the keys.",
   "about": "four adviser portraits on a dark ground, each opening from a narrow pill to a full frame"
  },
  {
   "key": "stories",
   "id": "stories",
   "heading": "Bought, moved, switched.",
   "about": "three client stories with a photo, a quote, names and a result"
  },
  {
   "key": "switch",
   "id": "switch",
   "heading": "A fixed rate ends. We're already watching.",
   "about": "a held section where a rate-switch timeline of four panels runs sideways while the ground warms from white to amber"
  },
  {
   "key": "offer",
   "id": "offer",
   "heading": "Start with a free mortgage review.",
   "about": "a photo with a glass panel comparing two monthly payments beside the free review offer"
  },
  {
   "key": "faq",
   "id": "faq",
   "heading": "Questions people ask before the first call",
   "about": "six questions and answers (native details) with a phone line"
  },
  {
   "key": "contact",
   "id": "contact",
   "heading": "The keys are closer than they look.",
   "about": "a glowing disc behind a house photo, the contact details and a call-back form on a dark ground"
  },
  {
   "key": "footer",
   "id": "footer",
   "heading": "",
   "about": "a white card on the near-black ground with the logo, a tagline, a button, two link columns and a regulatory text with the copyright"
  }
 ],
 "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/mortgage-broker-website-template my-site",
  "curl": [
   "curl -LO https://raw.githubusercontent.com/8bsite/mortgage-broker-website-template/main/index.html",
   "curl -LO https://raw.githubusercontent.com/8bsite/mortgage-broker-website-template/main/AGENTS.md",
   "curl -LO https://raw.githubusercontent.com/8bsite/mortgage-broker-website-template/main/LICENSE",
   "curl -LO https://raw.githubusercontent.com/8bsite/mortgage-broker-website-template/main/CREDITS.md"
  ],
  "agent_prompt": "Read AGENTS.md, then edit index.html. Make this the site for <my brokerage: name, city, regulator wording, fee model and amounts, lender count, advisers and specialities, client stories, rates to show, hours, booking>. Replace first the firm name, the fees, the lender count (data element, chart variables, every 94 in the text), the advisers and the stories. Keep the section ids, four method steps with four photos and four dots, and the classes AGENTS.md lists. Ask me for missing facts; never invent rates, fees, reviews, regulatory claims or contacts."
 },
 "links": {
  "page": "https://8b.com/templates/keylight/",
  "md": "https://8b.com/templates/keylight.md",
  "json": "https://8b.com/templates/keylight.json",
  "demo": "https://8b.com/templates/keylight/demo.html",
  "ghDemo": "https://8bsite.github.io/mortgage-broker-website-template/",
  "repo": "https://github.com/8bsite/mortgage-broker-website-template",
  "zip": "https://8b.com/templates/keylight/mortgage-broker-website-template.zip",
  "use": "https://github.com/new?template_name=mortgage-broker-website-template&template_owner=8bsite",
  "agents": "https://github.com/8bsite/mortgage-broker-website-template/blob/main/AGENTS.md",
  "credits": "https://github.com/8bsite/mortgage-broker-website-template/blob/main/CREDITS.md",
  "raw": {
   "index": "https://raw.githubusercontent.com/8bsite/mortgage-broker-website-template/main/index.html",
   "agents": "https://raw.githubusercontent.com/8bsite/mortgage-broker-website-template/main/AGENTS.md",
   "license": "https://raw.githubusercontent.com/8bsite/mortgage-broker-website-template/main/LICENSE",
   "credits": "https://raw.githubusercontent.com/8bsite/mortgage-broker-website-template/main/CREDITS.md"
  },
  "preview": "https://8b.com/templates/keylight/desktop.webp",
  "phone": "https://8b.com/templates/keylight/phone.webp",
  "clip": "https://8b.com/templates/keylight/scroll.mp4",
  "og": "https://8b.com/templates/keylight/og.jpg",
  "design_md": "https://8b.com/templates/keylight/DESIGN.md"
 },
 "github": {
  "repo": "8bsite/mortgage-broker-website-template",
  "template_repository": true,
  "topics": [
   "html-template",
   "landing-page",
   "website-template",
   "website-templates",
   "mortgage-broker-website",
   "mortgage-adviser",
   "financial-adviser-website",
   "finance-website",
   "fintech-landing-page",
   "html5",
   "agents-md",
   "gsap",
   "scrolltrigger",
   "scroll-animation",
   "lenis",
   "single-file",
   "cursor-ai",
   "static-site",
   "mit-license",
   "vibe-coding"
  ]
 },
 "made_by": {
  "name": "8B",
  "url": "https://8b.com/"
 }
}