{
 "slug": "linea",
 "name": "Linea",
 "title": "Linea, a free app landing page template",
 "kind": "Landing page for a mobile app or SaaS (demo: a live-captioning app for phone calls)",
 "summary": "A one-page site for a free app that turns phone calls and the conversations around you into live captions. Warm paper and espresso bands with one green accent stack over each other as you scroll; spoken words cross from a waveform into readable caption bubbles, a phone builds its transcript feature by feature, and a row of places slides sideways along two curved voice lines.",
 "fits": [
  "SaaS or mobile app landing page",
  "app with a free plan or a sign-up",
  "communication, messaging or accessibility product",
  "any product whose features can be shown on a phone screen one by one"
 ],
 "categories": [
  "Product and app"
 ],
 "tags": [
  "saas",
  "app",
  "landing page",
  "mobile app",
  "product",
  "accessibility",
  "captions",
  "warm",
  "rounded",
  "gsap",
  "scrolltrigger",
  "lenis",
  "single-file"
 ],
 "language": "en",
 "size_kb": 134,
 "photos": 9,
 "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(), container query units, cascade layers, small/dynamic viewport units).",
 "sections": [
  {
   "key": "navigation",
   "id": "nav",
   "heading": "",
   "about": "top bar: logo, section links, Get-the-app button; phone menu overlay"
  },
  {
   "key": "hero",
   "id": "hero",
   "heading": "Every call, written as it’s spoken.",
   "about": "first screen: headline over a full-bleed photo, lead, proof line, button; caption chips ride curved lines across the photo"
  },
  {
   "key": "voice-to-text",
   "id": "listen",
   "heading": "Nothing lost between a voice and a word.",
   "about": "two-panel stage: speech on one side, readable captions on the other (demo: They speak / You read)"
  },
  {
   "key": "calls",
   "id": "calls",
   "heading": "Calls that feel easy again.",
   "about": "feature list beside a sticky phone whose screen builds one step per feature"
  },
  {
   "key": "caption-styles",
   "id": "tune",
   "heading": "Captions, set your way.",
   "about": "a wall-sized sample sentence over a list of eight settings with drawn controls"
  },
  {
   "key": "in-person",
   "id": "rooms",
   "heading": "Captions for the room, too.",
   "about": "horizontal track of five places with photos and caption pairs, two curved lines run through all of them"
  },
  {
   "key": "testimonials",
   "id": "voices",
   "heading": "Recommended by clinicians. Loved by the people who use it.",
   "about": "expert quote with portrait beside two columns of short reviews"
  },
  {
   "key": "how-it-works",
   "id": "setup",
   "heading": "Three steps, then just talk.",
   "about": "three numbered step cards that stack on top of each other"
  },
  {
   "key": "faq",
   "id": "faq",
   "heading": "Questions, answered plainly.",
   "about": "questions and answers (native <details>)"
  },
  {
   "key": "call-to-action",
   "id": "start",
   "heading": "Your next call can be the easy one.",
   "about": "closing call to action over a photo that opens from a small window to the full band"
  },
  {
   "key": "contact",
   "id": "contact",
   "heading": "Talk to a person, any way you like.",
   "about": "support hours, a photo, three ways to reach the team and a contact form (placeholders)"
  },
  {
   "key": "footer",
   "id": "footer",
   "heading": "Live captions for every call and conversation.",
   "about": "tagline, link columns, giant wordmark, copyright with the Design: 8B credit and a legal note"
  }
 ],
 "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/app-landing-page-template my-site",
  "curl": [
   "curl -LO https://raw.githubusercontent.com/8bsite/app-landing-page-template/main/index.html",
   "curl -LO https://raw.githubusercontent.com/8bsite/app-landing-page-template/main/AGENTS.md",
   "curl -LO https://raw.githubusercontent.com/8bsite/app-landing-page-template/main/LICENSE",
   "curl -LO https://raw.githubusercontent.com/8bsite/app-landing-page-template/main/CREDITS.md"
  ],
  "agent_prompt": "Read AGENTS.md, then edit index.html. Use this template as the base for a landing page for <your app or SaaS product: what it does, who it is for, pricing or free plan, where to sign up or download>. Keep the layout, the motion and the single-file format; replace the brand name, copy, photos, the phone screen, reviews, links and contacts, and recolour it through the CSS variables if needed."
 },
 "links": {
  "page": "https://8b.com/templates/linea/",
  "md": "https://8b.com/templates/linea.md",
  "json": "https://8b.com/templates/linea.json",
  "demo": "https://8bsite.github.io/app-landing-page-template/",
  "repo": "https://github.com/8bsite/app-landing-page-template",
  "zip": "https://github.com/8bsite/app-landing-page-template/archive/refs/heads/main.zip",
  "use": "https://github.com/new?template_name=app-landing-page-template&template_owner=8bsite",
  "agents": "https://github.com/8bsite/app-landing-page-template/blob/main/AGENTS.md",
  "credits": "https://github.com/8bsite/app-landing-page-template/blob/main/CREDITS.md",
  "raw": {
   "index": "https://raw.githubusercontent.com/8bsite/app-landing-page-template/main/index.html",
   "agents": "https://raw.githubusercontent.com/8bsite/app-landing-page-template/main/AGENTS.md",
   "license": "https://raw.githubusercontent.com/8bsite/app-landing-page-template/main/LICENSE",
   "credits": "https://raw.githubusercontent.com/8bsite/app-landing-page-template/main/CREDITS.md"
  },
  "preview": "https://8b.com/templates/linea/desktop.webp",
  "phone": "https://8b.com/templates/linea/phone.webp",
  "clip": "https://8b.com/templates/linea/scroll.mp4",
  "og": "https://8b.com/templates/linea/og.jpg"
 },
 "github": {
  "repo": "8bsite/app-landing-page-template",
  "template_repository": true,
  "topics": [
   "html-template",
   "landing-page",
   "landing-page-template",
   "website-template",
   "free-template",
   "app-landing-page",
   "saas-landing-page",
   "html5",
   "css",
   "gsap",
   "scrolltrigger",
   "scroll-animation",
   "lenis",
   "single-file",
   "no-build",
   "static-site",
   "mit-license",
   "vibe-coding",
   "claude-code",
   "ai-agents"
  ]
 },
 "made_by": {
  "name": "8B",
  "url": "https://8b.com/"
 }
}