{
  "schemaVersion": 2,
  "name": "Haze",
  "slug": "haze",
  "description": "A calm AI product site on a soft peach, lilac and sky gradient mesh, with large light sans headlines and frosted glass cards.",
  "audience": ["AI assistant", "agent", "small team", "startup"],
  "category": "Business",
  "job": "startup",
  "categoryId": "saas",
  "alsoFits": ["AI assistant", "agent", "AI tool", "chatbot"],
  "direction": "Soft pastel gradient mesh (peach, lilac, sky), large light sans display, frosted glass cards",
  "mood": ["light", "calm", "modern"],
  "palette": {"--bg": "#F6F2FA", "--ink": "#1D1A2E", "--deep": "#2A2654", "--peach": "#FFC6A8", "--lilac": "#CBB6F6", "--sky": "#A9DCF7"},
  "fonts": ["Outfit", "Figtree"],
  "schemaOrg": "SoftwareApplication",
  "pages": [
    {"path": "index.html", "label": "Home", "purpose": "Promise, shared-thread hero, beta numbers, three steps, use-case teasers, quotes, waitlist form slot"},
    {"path": "how-it-works.html", "label": "How it works", "purpose": "Four steps in detail and what the product will not do"},
    {"path": "use-cases.html", "label": "Use cases", "purpose": "Support, sales follow-up and new-starter questions with example drafts"},
    {"path": "pricing.html", "label": "Pricing", "purpose": "Three per-seat plans, one highlighted, and the fair-use questions"},
    {"path": "trust.html", "label": "Trust and safety", "purpose": "Data region, what is never done, roles, report-a-problem form slot"}
  ],
  "slots": [
    {"id": "waitlist", "kind": "form", "page": "index.html", "fallback": "mailto"},
    {"id": "contact", "kind": "form", "page": "trust.html", "fallback": "mailto"}
  ],
  "facts": ["name", "email", "plan names, seat prices and limits", "data region", "status page link", "customer quotes (replace the sample reviews)", "team names (replace the sample people)"],
  "interview": [
    "What is the product called, and what does it do in one sentence?",
    "Who uses it, and which tools or inboxes must it read?",
    "What does each seat cost, and what is included in each plan?",
    "Where is customer data stored, and who can approve a send?",
    "Which contact email and status page should visitors use?"
  ],
  "files": ["index.html", "how-it-works.html", "use-cases.html", "pricing.html", "trust.html", "404.html", "privacy.html", "styles.css", "script.js", "favicon.svg", "art/workspace.svg", "og.png", "apple-touch-icon.png"],
  "customise": {
    "strings": [
      "Business name 'Brindle' in <title>, header, footer, JSON-LD and page titles",
      "Hero headline and lede in index.html; the three steps and use-case teasers on the same page",
      "Plan names, prices and limits in pricing.html (data-pl-fill price)",
      "Sample quotes and names (data-pl-fill review and person): remove unless the customer supplies real ones",
      "Data region, roles table and incident wording in trust.html"
    ],
    "colours": "Edit the :root tokens at the top of styles.css; the mesh is built from --peach, --lilac and --sky, and --deep sets the buttons",
    "fonts": "Change the Google Fonts <link> in each page and --font-display / --font-body in styles.css (keep two families, four font files)",
    "sections": "Each <section> is self-contained; the glass cards are reusable in any order",
    "images": "Replace art/workspace.svg with a product screenshot, 1600×1000 (16:10), WebP under 300 KB"
  },
  "updated": "2026-10-12"
}