{
  "schemaVersion": 2,
  "name": "Muster",
  "slug": "muster",
  "description": "A light dotted whiteboard canvas for collaboration software: saturated sticky notes, hand-drawn connectors and named live cursors that drift and work on the hero board.",
  "audience": [
    "collaboration software",
    "whiteboard app",
    "remote teams",
    "workshop tools",
    "B2B SaaS"
  ],
  "category": "Business",
  "job": "startup",
  "categoryId": "saas",
  "alsoFits": [
    "whiteboard app",
    "team collaboration tool",
    "retro and planning software",
    "design thinking tool",
    "remote work software"
  ],
  "direction": "Dotted whiteboard canvas with sticky notes and live cursors",
  "mood": [
    "light",
    "bold",
    "modern"
  ],
  "schemaOrg": "Organization",
  "fonts": [
    "Lexend",
    "Shantell Sans"
  ],
  "pages": [
    {
      "path": "index.html",
      "label": "Product",
      "purpose": "Live board hero with draggable notes and working cursors, teams strip, three-frame session flow, annotated product shot, facilitator kit wall, numbers, quotes, template teaser and a sign-up call to action"
    },
    {
      "path": "templates.html",
      "label": "Templates",
      "purpose": "Filterable workshop templates (retro, planning, discovery, warm-up) with timings and steps, plus a minute-by-minute workshop agenda"
    },
    {
      "path": "pricing.html",
      "label": "Pricing",
      "purpose": "Three illustrative plans per editor with one highlighted, monthly/yearly toggle, editor cost calculator, comparison table and pricing questions"
    },
    {
      "path": "integrations.html",
      "label": "Integrations",
      "purpose": "Before/after flow diagram, filterable directory of placeholder integrations and a webhook example"
    },
    {
      "path": "contact.html",
      "label": "Contact",
      "purpose": "Free board sign-up slot with an email fallback, what happens next, office details and a walkthrough call to action"
    }
  ],
  "slots": [
    {
      "id": "signup",
      "kind": "form",
      "page": "contact.html",
      "fallback": "mailto"
    }
  ],
  "facts": [
    "product name",
    "company name and address",
    "phone",
    "email",
    "plan names and prices",
    "integrations offered",
    "customer names and quotes",
    "beta statistics"
  ],
  "interview": [
    "What is the product called, and what does it do in one sentence?",
    "Which kinds of sessions do your users run on it most?",
    "How is it priced: per editor, per seat or flat, and is there a free plan?",
    "Which tools does it integrate with today?",
    "Which customers can be named, and may we quote them?",
    "What email address and phone number should sign-ups use?"
  ],
  "customise": {
    "strings": [
      "Product name 'Muster' in <title>, header wordmark, footer and JSON-LD",
      "Hero board notes, column labels and cursor names in .board on index.html",
      "Team names in .teams and the stats in .nums on index.html",
      "Plan names, prices (data-month / data-year) and the .calc rates on pricing.html",
      "Integration names and descriptions in .tiles on integrations.html",
      "Company address, phone and email in the footer, contact.html and JSON-LD"
    ],
    "colours": "Edit the :root tokens at the top of styles.css: canvas, dot, ink and the six note colours (coral, lemon, mint, pink, lilac, aqua). Keep --coral-ink dark enough for text on the canvas.",
    "fonts": "Lexend (variable, 400 to 700) for the interface and Shantell Sans (500 to 700) for handwriting. Change the Google Fonts <link> in every page and --sans / --hand in styles.css.",
    "sections": "Each <section> is self-contained; delete or reorder freely. The hero board positions notes and cursors with --x / --y in board-width units (cqw), with a tall layout under 540px board width and a wide one above. script.js only enhances: notes drag, cursors move and vote, the timer counts.",
    "images": "Replace art/board-retro.svg (product screenshot, 1600×1000), art/tpl-*.svg (template screenshots, 1200×900, 4:3) and art/avatar-1.svg, art/avatar-2.svg (customer headshots, 800×800 square) with real images; WebP under 300 KB. Keep width, height, alt and data-pl-photo."
  },
  "files": [
    "index.html",
    "templates.html",
    "pricing.html",
    "integrations.html",
    "contact.html",
    "404.html",
    "privacy.html",
    "styles.css",
    "script.js",
    "favicon.svg",
    "og.png",
    "apple-touch-icon.png",
    "art/board-retro.svg",
    "art/tpl-retro.svg",
    "art/tpl-planning.svg",
    "art/tpl-discovery.svg",
    "art/tpl-warmup.svg",
    "art/tpl-roadmap.svg",
    "art/tpl-mapping.svg",
    "art/avatar-1.svg",
    "art/avatar-2.svg"
  ],
  "visuals": {
    "notes": "No raster art. The page itself is a dotted canvas. The hero is an HTML board: six sticky notes in marker type, hand-drawn SVG connectors that draw in, a round timer and four named cursors that drift between notes, nudge them and drop vote dots (static under reduced motion or without JS). Notes on the board are draggable.",
    "prompt": "Draw a flat SVG whiteboard on a pale grey dotted canvas: square sticky notes in coral, lemon, mint, pink, lilac and aqua with dark scribble lines, loose hand-drawn black arrows, and small coloured cursor arrows with name tags."
  },
  "updated": "2026-10-14",
  "palette": {
    "--canvas": "#f2f3f7",
    "--ink": "#16171f",
    "--coral": "#ff7a5c",
    "--lemon": "#ffd84a",
    "--mint": "#52e0a2",
    "--lilac": "#b59dff"
  }
}