{
  "packetVersion": "templateflow.prototype-brief.v1",
  "sourceReferenceId": "tf-webflow-helio-128",
  "sourceTemplateCode": "T-1470",
  "preparedAt": "2026-06-06T11:40:25.519Z",
  "targetSystem": "templateflow-url-prototype-agent",
  "expectedDerivedTemplateCode": "T-1470A",
  "referencePack": {
    "sourcePlatform": "webflow",
    "sourceUrl": "https://webflow.com/templates/html/helio-128-website-template",
    "originalUrl": "https://helio-128.webflow.io/",
    "sourceTemplateName": "Helio 128",
    "internalCandidateName": "Helio 128",
    "templateCode": "T-1470",
    "category": "Portfolio And Agency",
    "tags": [
      "webflow",
      "portfolio",
      "and",
      "agency"
    ],
    "cmsClassification": {
      "label": "CMS likely",
      "likelyCms": true,
      "score": 6.4,
      "decisionSource": "Computed from category, tags, CMS hints, review scores, chat/layout notes, and captured subpage paths."
    },
    "screenshots": {
      "desktop": "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-helio-128/2026-06-06T08-24-09-497Z/desktop.png",
      "mobile": "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-helio-128/2026-06-06T08-24-09-497Z/mobile.png",
      "subpages": [
        "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-helio-128/2026-06-06T08-24-09-497Z/subpage-01.png",
        "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-helio-128/2026-06-06T08-24-09-497Z/subpage-02.png",
        "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-helio-128/2026-06-06T08-24-09-497Z/subpage-03.png",
        "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-helio-128/2026-06-06T08-24-09-497Z/subpage-04.png"
      ],
      "subpageDetails": [
        {
          "label": "Porffolio Details",
          "path": "/projects/futurist-frames",
          "screenshotUrl": "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-helio-128/2026-06-06T08-24-09-497Z/subpage-01.png"
        },
        {
          "label": "Blog Details",
          "path": "/blog-posts/exploring-the-power-of-motion-in-web-design",
          "screenshotUrl": "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-helio-128/2026-06-06T08-24-09-497Z/subpage-02.png"
        },
        {
          "label": "Porffolio Details",
          "path": "/projects/synced-studio",
          "screenshotUrl": "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-helio-128/2026-06-06T08-24-09-497Z/subpage-03.png"
        },
        {
          "label": "Blog 1",
          "path": "/blog-1",
          "screenshotUrl": "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-helio-128/2026-06-06T08-24-09-497Z/subpage-04.png"
        }
      ]
    }
  },
  "prototypeInstructions": {
    "objective": "Create a live TemplateFlow URL prototype from this source reference. The prototype should be a close, reviewable HTML/CSS mockup that is easier to convert into a Conversite Builder-native template than a Figma file.",
    "fidelityRules": [
      "Use the captured TemplateFlow screenshots as the visual source of truth.",
      "Preserve section order, layout, spacing, proportions, visual rhythm, colour feel, typography scale, border radius, card treatment, navbar structure, hero composition, and mobile stacking.",
      "Change only brand/name, proprietary media, logos, and client-specific copy unless the operator explicitly asks for broader changes.",
      "Replace photos with generated, licensed, or placeholder media that keeps the same composition and visual weight.",
      "Do not import or trace marketplace HTML, CSS, JS, or proprietary assets.",
      "The output must be recognisably the same design system and page structure when compared side by side with the captured screenshots."
    ],
    "builderConstraints": [
      "Use only patterns that can later be represented in Conversite Builder: normal sections, cards, galleries, CMS list/detail pages, canonical sticky headers, and approved chat entry points.",
      "All user-started chat flows must resolve to /chat.",
      "Do not create custom /chat marketing preludes; let source-aware chat context render automatically from CMS/card handoff fields later.",
      "If the reference suggests CMS, prototype a listing page and at least one detail page.",
      "Include desktop and mobile responsive states that can be screenshot-tested."
    ],
    "deliverables": [
      "Live TemplateFlow prototype URL",
      "Homepage route plus one or two representative subpage/detail routes when useful",
      "Desktop screenshot URL for TemplateFlow comparison",
      "Mobile screenshot URL for TemplateFlow comparison",
      "Short notes describing CMS assumptions, hero media decision, and any fidelity compromises"
    ]
  },
  "syncBackInstructions": {
    "purpose": "After the URL prototype is ready, sync it back to TemplateFlow as a derivedDesign so reviewers can compare the original reference and live prototype before Conversite build handoff.",
    "commandTemplate": "npm run sync-prototype -- --source-id tf-webflow-helio-128 --template-code T-1470A --name \"<new brand/template name>\" --prototype-url \"<prototype url>\" --desktop-screenshot-url \"<desktop screenshot url>\" --mobile-screenshot-url \"<mobile screenshot url>\" --status prototype_ready --notes \"<review notes>\"",
    "requiredFields": [
      "source-id",
      "template-code",
      "name",
      "prototype-url",
      "desktop-screenshot-url when the prototype is ready for visual comparison"
    ]
  }
}