{
  "schemaVersion": 2,
  "name": "Tessera",
  "slug": "tessera",
  "description": "A bright SaaS site on pale grey: a bento grid of saturated cobalt, tangerine, mint and ink tiles that turn over to show more, set in a chunky grotesque.",
  "audience": [
    "SaaS",
    "startup",
    "small-team software"
  ],
  "category": "Business",
  "job": "startup",
  "categoryId": "saas",
  "alsoFits": [
    "software",
    "developer tool",
    "mobile app",
    "ops software"
  ],
  "direction": "Bento tiles on pale grey",
  "mood": [
    "light",
    "bold",
    "modern"
  ],
  "schemaOrg": "SoftwareApplication",
  "palette": {
    "--bg": "#E8EAED",
    "--paper": "#F7F8FA",
    "--ink": "#14151A",
    "--cobalt": "#2347F5",
    "--tangerine": "#FF7A1F",
    "--mint": "#5EE2B4"
  },
  "fonts": [
    "Bricolage Grotesque",
    "JetBrains Mono"
  ],
  "pages": [
    {
      "path": "index.html",
      "label": "Home",
      "purpose": "Bento of five flip tiles, customers, pricing summary, FAQ, trial signup"
    },
    {
      "path": "pricing.html",
      "label": "Pricing",
      "purpose": "Three plans with monthly/yearly switch and a line-by-line comparison"
    },
    {
      "path": "changelog.html",
      "label": "Changelog",
      "purpose": "Dated releases, newest first"
    },
    {
      "path": "faq.html",
      "label": "FAQ",
      "purpose": "Questions on trials, data and team access"
    }
  ],
  "slots": [
    {
      "id": "trial",
      "kind": "form",
      "page": "index.html",
      "fallback": "mailto"
    }
  ],
  "facts": [
    "name",
    "address",
    "phone",
    "email",
    "price (plan prices)",
    "customer names and reviews",
    "time-saved statistic and trial count",
    "dates of releases"
  ],
  "interview": [
    "What is the product called and what does it do in one sentence?",
    "Who are the first three customers, and can they give a quote you may use?",
    "What are your plan names, prices and the free limit?",
    "Which five things should the bento tiles show?",
    "What is your company address, support phone and email?"
  ],
  "customise": {
    "strings": [
      "Product name 'Hatchwork' in <title>, header, footer, JSON-LD and every page",
      "Bento tile copy and mini UI sample data in #features (index.html)",
      "Customer names and quotes in #customers",
      "Plan names, prices and the feature list in #pricing (index.html) and pricing.html",
      "Changelog entries in changelog.html",
      "Address, phone and email in every footer and JSON-LD"
    ],
    "colours": "Edit the :root tokens at the top of styles.css. Keep text on cobalt white and ink on mint, tangerine and paper",
    "fonts": "Change the Google Fonts <link> in each page and --font-display/--font-body/--font-mono in styles.css",
    "sections": "Each bento tile is one .tile article with a front and back face; add or remove tiles and set grid placement with the .b-* classes",
    "images": "No photos. The logo mark and favicon are inline SVG. Add product screenshots by replacing a .ui block with an <img> in a .face.front"
  },
  "visuals": {
    "notes": "No art files. The bento tiles hold product UI built in HTML and CSS (rota chips, stock bars, an invoice, a shared inbox). Tiles turn over on hover (desktop) or with their Details and Back buttons; below 720 px both faces stack.",
    "prompt": "Draw a simple SVG logo: four rounded squares in a 2 by 2 grid, cobalt, tangerine, mint and near-black, with the top-right and bottom-left squares fully rounded."
  },
  "files": [
    "index.html",
    "pricing.html",
    "changelog.html",
    "faq.html",
    "privacy.html",
    "404.html",
    "styles.css",
    "script.js",
    "favicon.svg",
    "og.png",
    "apple-touch-icon.png"
  ],
  "weightKB": 73,
  "updated": "2026-10-12"
}