{ "packetVersion": "templateflow.prototype-brief.v1", "sourceReferenceId": "tf-webflow-woltex", "sourceTemplateCode": "T-1177", "preparedAt": "2026-07-21T04:56:09.942Z", "targetSystem": "templateflow-url-prototype-agent", "expectedDerivedTemplateCode": "T-1177A", "referencePack": { "sourcePlatform": "webflow", "sourceUrl": "https://webflow.com/templates/html/woltex-website-template", "originalUrl": "https://woltex-agency-template.webflow.io/", "sourceTemplateName": "Woltex", "internalCandidateName": "Woltex", "templateCode": "T-1177", "category": "Portfolio And Agency", "tags": [ "webflow", "portfolio", "and", "agency" ], "cmsClassification": { "label": "CMS likely", "likelyCms": true, "score": 7.7, "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-woltex/2026-06-06T04-02-40-272Z/desktop.png", "mobile": "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-woltex/2026-06-06T04-02-40-272Z/mobile.png", "subpages": [ "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-woltex/2026-06-06T04-02-40-272Z/subpage-01.png", "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-woltex/2026-06-06T04-02-40-272Z/subpage-02.png", "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-woltex/2026-06-06T04-02-40-272Z/subpage-03.png", "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-woltex/2026-06-06T04-02-40-272Z/subpage-04.png" ], "subpageDetails": [ { "label": "Blog", "path": "/blogs", "screenshotUrl": "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-woltex/2026-06-06T04-02-40-272Z/subpage-01.png" }, { "label": "6 Ways To Make Working Capital Work For Your Small Here Business 3", "path": "/blogs/6-ways-to-make-working-capital-work-for-your-small-here-business-3", "screenshotUrl": "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-woltex/2026-06-06T04-02-40-272Z/subpage-02.png" }, { "label": "6 Ways To Make Working Capital Work For Your Small Here Business 5", "path": "/blogs/6-ways-to-make-working-capital-work-for-your-small-here-business-5", "screenshotUrl": "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-woltex/2026-06-06T04-02-40-272Z/subpage-03.png" }, { "label": "6 Ways To Make Working Capital Work For Your Small Here Business 6", "path": "/blogs/6-ways-to-make-working-capital-work-for-your-small-here-business-6", "screenshotUrl": "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-woltex/2026-06-06T04-02-40-272Z/subpage-04.png" } ] } }, "transformationOptions": [], "prototypeInstructions": { "objective": "Create a baseline Copy: a live TemplateFlow URL prototype from this Source reference. The Copy must be source-faithful enough to compare side by side with the captured reference before any later Design or Build step.", "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.", "Preserve the source name/brand, visible headline intent, CTA labels, offer/category, page rhythm, media placement, and component structure. Do not invent a new brand/product/category in Copy.", "Do not rebrand or replace proprietary media/logos in Copy. Safety/originality replacement happens in Design or Conversite Build.", "Make review-critical prototype images load deterministically in automated screenshots; do not lazy-load images that affect the visual comparison.", "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.", "Do not apply a Refero redesign, category pivot, new visual archetype, or broad transformation in the Copy stage." ], "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 a /chat route. In TemplateFlow prototypes, create a prototype-local chat route such as /prototypes///chat/ for review; when converted to Conversite this maps to the canonical site /chat page.", "Every prototype must include a /chat page/route. The chat page should use Conversite's centered conversation-lane format: no marketing hero, no article body, no custom prelude, no bottom-right widget, and exactly one composer pinned near the bottom.", "Any chat entry point on normal non-chat prototype pages must use an approved pattern: hero/button redirect, inline Chat Bar redirect, or optional bottom-center Sticky Chat Dock redirect.", "Do not add the page-level sticky chat dock to /chat routes or to CMS/detail compatibility routes that render the same /chat-style conversation lane. Conversation-lane routes must have exactly one composer total.", "Normal buttons/links to /chat and inline Chat Bars may be the primary chat entry points where the design calls for them. Sticky Chat Dock is optional, not mandatory.", "Do not create bottom-right chat bubbles, corner assistant widgets, floating popovers, side tabs, custom chat panels, or any other chat UI.", "Do not create custom /chat marketing preludes; let source-aware chat context render automatically from CMS/card handoff fields later.", "Use canonical sticky navbars/site headers by default. Headers must stay visible while scrolling unless the operator explicitly requests otherwise.", "If the reference suggests CMS, prototype a listing page, but do not create full readable CMS article/project detail pages. CMS cards/detail CTAs must hand off to /chat with source-aware prompt/context so the later Conversite build can render the automatic source context card in the chat lane.", "Any source or CMS detail route included only for route coverage must render the same /chat-style conversation lane, not a long article/read page, and must not include a second sticky composer dock.", "Responsive polish is not required in Copy; use desktop-first structure with a basic mobile fallback." ], "deliverables": [ "Live TemplateFlow Copy URL", "Homepage route, one representative interior/listing route when useful, and /chat", "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 Copy is ready, sync it back to TemplateFlow as a derivedDesign so reviewers can compare the Source and Copy before optional Design or Conversite Build handoff.", "commandTemplate": "npm run sync-prototype -- --source-id tf-webflow-woltex --template-code T-1177A --name \"\" --prototype-url \"\" --desktop-screenshot-url \"\" --mobile-screenshot-url \"\" --status prototype_ready --notes \"\"", "requiredFields": [ "source-id", "template-code", "name", "prototype-url", "desktop-screenshot-url when the prototype is ready for visual comparison" ] } }