{
 "slug": "murmur",
 "name": "murmur",
 "title": "Free saas landing page template",
 "description": "Free HTML SaaS landing page template for small-business apps, with a phone mockup and two plans. AGENTS.md for Claude Code and Cursor, or no code with 8B.",
 "kind": "One-page website for a SaaS or app that sends small businesses one short weekly message, with a phone mockup, two plans and a contact form",
 "summary": "A one-page site for a weekly-advice app: a heading and a field of signal chips on butter, five coloured source columns, a phone showing the weekly note, a row of maker portraits, a photo and note moodboard, four large claims, three of them struck out, four delivery surfaces, two plans, six questions and a contact form. Deep maroon, butter, gold and rust blocks with fully round buttons and chips, heavy geometric headings and a wordmark drawn as tubes.",
 "fits": [
  "SaaS or app landing page for small businesses",
  "newsletter or subscription service with a weekly delivery",
  "analytics, reporting or advice tool for shops and studios",
  "any product with two plans, a phone screen to show and a short list of sources or integrations"
 ],
 "categories": [
  "Product and app"
 ],
 "tags": [
  "saas",
  "app landing page",
  "startup",
  "small business",
  "subscription",
  "analytics",
  "newsletter",
  "phone mockup",
  "pricing",
  "colour blocks",
  "rounded",
  "gsap",
  "scrolltrigger",
  "lenis",
  "single-file"
 ],
 "language": "en",
 "size_kb": 107,
 "photos": 11,
 "fonts": [
  "Gabarito",
  "Rethink 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 108+, Safari 15.4+, Firefox 101+ (it uses cascade layers, small/dynamic viewport units).",
 "sections": [
  {
   "key": "navigation",
   "id": "navigation",
   "heading": "",
   "about": "fixed top bar: drawn wordmark, five section links, Start free button; hides on scroll down; phone menu overlay"
  },
  {
   "key": "noise",
   "id": "noise",
   "heading": "Forty signals a week. One sentence on Monday.",
   "about": "first screen: heading, lead, two calls to action, a field of 18 signal chips and the Monday note card"
  },
  {
   "key": "sources",
   "id": "sources",
   "heading": "Five things it listens to.",
   "about": "five coloured columns, one per data source, each with a line of text and a sample \"Heard this week\" line"
  },
  {
   "key": "note",
   "id": "note",
   "heading": "One sentence. Three reasons. One tap.",
   "about": "maroon panel with a sticky phone showing the weekly note, beside a heading and three explained parts"
  },
  {
   "key": "makers",
   "id": "makers",
   "heading": "Kept by forty-one small studios.",
   "about": "five arch portraits of customers with a place and a quote each, on a held horizontal track"
  },
  {
   "key": "field",
   "id": "field",
   "heading": "Field notes.",
   "about": "a gutterless moodboard of 8 tiles: 5 photos and 3 coloured note tiles"
  },
  {
   "key": "manifesto",
   "id": "manifesto",
   "heading": "No dashboards. No streaks. No charts at midnight. One sentence on Monday.",
   "about": "four large lines, three struck out, and two short paragraphs"
  },
  {
   "key": "surfaces",
   "id": "surfaces",
   "heading": "Wherever Monday finds you.",
   "about": "four coloured tiles showing the same note on a lock screen, an inbox, a text message and a printed card"
  },
  {
   "key": "pricing",
   "id": "pricing",
   "heading": "Four Mondays free. Then one small price.",
   "about": "two plans side by side: Studio and Collective, with price, list and button"
  },
  {
   "key": "faq",
   "id": "faq",
   "heading": "Questions, answered plainly.",
   "about": "six questions in native details elements beside a heading, an email line and an arch photo"
  },
  {
   "key": "contact",
   "id": "contact",
   "heading": "Say something. We answer by the next Monday.",
   "about": "large email address in two halves, phone, studio address and hours, and a form"
  },
  {
   "key": "footer",
   "id": "footer",
   "heading": "",
   "about": "footer: lead line, two link columns, copyright with the Design: 8B credit, back-to-top link and a large drawn wordmark"
  }
 ],
 "placeholders": [
  "og-image",
  "favicon",
  "email",
  "phone",
  "form"
 ],
 "lighthouse": null,
 "license": {
  "code": "MIT",
  "photos": "Unsplash License",
  "fonts": "SIL Open Font License 1.1"
 },
 "get": {
  "degit": "npx degit 8bsite/saas-landing-page-template my-site",
  "curl": [
   "curl -LO https://raw.githubusercontent.com/8bsite/saas-landing-page-template/main/index.html",
   "curl -LO https://raw.githubusercontent.com/8bsite/saas-landing-page-template/main/AGENTS.md",
   "curl -LO https://raw.githubusercontent.com/8bsite/saas-landing-page-template/main/LICENSE",
   "curl -LO https://raw.githubusercontent.com/8bsite/saas-landing-page-template/main/CREDITS.md"
  ],
  "agent_prompt": "Read AGENTS.md, then edit index.html. Make this the site for <my app: what it does and for whom, what it sends, the data sources it connects to, two plans with prices, privacy promises, customers I can quote, support email>. Replace the wordmark, copy, prices, quotes, photos and contacts first. Keep the section ids, the classes AGENTS.md lists, five source columns and eight field tiles, and set each --len to the character count of its line. Ask me for missing facts and never invent prices, customers, quotes, figures or contacts."
 },
 "links": {
  "page": "https://8b.com/templates/murmur/",
  "md": "https://8b.com/templates/murmur.md",
  "json": "https://8b.com/templates/murmur.json",
  "demo": "https://8b.com/templates/murmur/demo.html",
  "ghDemo": "https://8bsite.github.io/saas-landing-page-template/",
  "repo": "https://github.com/8bsite/saas-landing-page-template",
  "zip": "https://8b.com/templates/murmur/saas-landing-page-template.zip",
  "use": "https://github.com/new?template_name=saas-landing-page-template&template_owner=8bsite",
  "agents": "https://github.com/8bsite/saas-landing-page-template/blob/main/AGENTS.md",
  "credits": "https://github.com/8bsite/saas-landing-page-template/blob/main/CREDITS.md",
  "raw": {
   "index": "https://raw.githubusercontent.com/8bsite/saas-landing-page-template/main/index.html",
   "agents": "https://raw.githubusercontent.com/8bsite/saas-landing-page-template/main/AGENTS.md",
   "license": "https://raw.githubusercontent.com/8bsite/saas-landing-page-template/main/LICENSE",
   "credits": "https://raw.githubusercontent.com/8bsite/saas-landing-page-template/main/CREDITS.md"
  },
  "preview": "https://8b.com/templates/murmur/desktop.webp",
  "phone": "https://8b.com/templates/murmur/phone.webp",
  "clip": "https://8b.com/templates/murmur/scroll.mp4",
  "og": "https://8b.com/templates/murmur/og.jpg",
  "design_md": "https://8b.com/templates/murmur/DESIGN.md"
 },
 "github": {
  "repo": "8bsite/saas-landing-page-template",
  "template_repository": true,
  "topics": [
   "html-template",
   "landing-page",
   "website-template",
   "website-templates",
   "saas-landing-page",
   "saas-template",
   "startup-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/"
 }
}