T-0092 · webflow

Pretone

Ingested candidate. Review screenshots before using as a production reference pack.

Open prototype brief Open queue JSON Original URL

Visual reference

Screenshots

T-0092 Pretone Business Strategy screenshot

T-0092 Pretone Financial Consulting screenshot

T-0092 Pretone Market Research screenshot

T-0092 Pretone Operational Efficiency screenshot

Prototype handoff

Prepare URL Prototype Brief

Use this first. It asks the agent to create a live, reviewable URL prototype from the TemplateFlow screenshots.

Open JSON

{
  "packetVersion": "templateflow.prototype-brief.v1",
  "sourceReferenceId": "tf-webflow-pretone",
  "sourceTemplateCode": "T-0092",
  "preparedAt": "2026-08-10T17:27:08.931Z",
  "targetSystem": "templateflow-url-prototype-agent",
  "expectedDerivedTemplateCode": "T-0092B",
  "referencePack": {
    "sourcePlatform": "webflow",
    "sourceUrl": "https://webflow.com/templates/html/pretone-website-template",
    "originalUrl": "https://pretone.webflow.io/",
    "sourceTemplateName": "Pretone",
    "internalCandidateName": "Pretone",
    "templateCode": "T-0092",
    "category": "Blog And Editorial",
    "tags": [
      "webflow",
      "blog",
      "and",
      "editorial"
    ],
    "cmsClassification": {
      "label": "CMS likely",
      "likelyCms": true,
      "score": 8.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-pretone/2026-06-04T10-34-12-199Z/desktop.png",
      "mobile": "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-pretone/2026-06-04T10-34-12-199Z/mobile.png",
      "subpages": [
        "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-pretone/2026-06-04T10-34-12-199Z/subpage-01.png",
        "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-pretone/2026-06-04T10-34-12-199Z/subpage-02.png",
        "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-pretone/2026-06-04T10-34-12-199Z/subpage-03.png",
        "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-pretone/2026-06-04T10-34-12-199Z/subpage-04.png"
      ],
      "subpageDetails": [
        {
          "label": "Business Strategy",
          "path": "/services/business-strategy",
          "screenshotUrl": "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-pretone/2026-06-04T10-34-12-199Z/subpage-01.png"
        },
        {
          "label": "Financial Consulting",
          "path": "/services/financial-consulting",
          "screenshotUrl": "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-pretone/2026-06-04T10-34-12-199Z/subpage-02.png"
        },
        {
          "label": "Market Research",
          "path": "/services/market-research",
          "screenshotUrl": "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-pretone/2026-06-04T10-34-12-199Z/subpage-03.png"
        },
        {
          "label": "Operational Efficiency",
          "path": "/services/operational-efficiency",
          "screenshotUrl": "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-pretone/2026-06-04T10-34-12-199Z/subpage-04.png"
        }
      ]
    }
  },
  "transformationOptions": [
    {
      "id": "same-category-style-shift",
      "label": "Same-category style transformation",
      "mode": "inspired_variant",
      "styleArchetype": {
        "id": "calm-saas",
        "label": "Calm SaaS",
        "summary": "Modern B2B product style with clean dashboard cues and clear operational hierarchy.",
        "bestFor": [
          "SaaS",
          "AI tool",
          "operations platform",
          "client portal",
          "productivity"
        ],
        "theme": "light",
        "paletteDirection": "White, very light grey, graphite, electric blue, and green status accents.",
        "typographyDirection": "Functional sans typography with compact headings and clear labels.",
        "builderFonts": {
          "heading": "Inter",
          "body": "Inter"
        },
        "spacingDirection": "Dense but organized; avoid giant marketing gaps.",
        "radiusDirection": "Small to medium app-like radius.",
        "imageDirection": "Product UI mockups, data cards, workflow screenshots, team collaboration imagery.",
        "componentDirection": "Feature grids, metrics strips, tabs, dashboard previews, plain CTA rows.",
        "avoid": [
          "purple gradient dominance",
          "abstract-only hero art",
          "empty decorative cards",
          "landing-page fluff"
        ],
        "referoInspirations": [
          {
            "siteName": "Steep",
            "sourceUrl": "https://steep.app",
            "styleUrl": "https://styles.refero.design/style/75fdb89f-ca64-41b3-af36-7a78bd09448e",
            "screenshotUrl": "https://images.refero.design/styles/refero.design/image/5143ca15-7844-46ed-b226-ac582a2b0d90.jpg",
            "thumbnailUrl": "https://images.refero.design/styles/refero.design/image/59b42abc-7137-41d7-8823-22f863b2003f.jpg",
            "previewVideoUrl": "https://images.refero.design/styles/refero.design/video/2bf28e75-799a-43c1-9d18-7df57676de0b.mp4",
            "colorScheme": "light",
            "colors": [
              {
                "name": "Ink",
                "hex": "#17191c"
              },
              {
                "name": "Pure White",
                "hex": "#ffffff"
              },
              {
                "name": "Fog",
                "hex": "#f7f7f8"
              },
              {
                "name": "Graphite",
                "hex": "#777b86"
              }
            ],
            "fonts": [
              "Signifier",
              "Sohne"
            ],
            "northStar": "Soft dawn on a marble dashboard.",
            "usageNotes": "Use the soft dashboard/product clarity, refined light interface, and composed executive rhythm."
          }
        ]
      },
      "summary": "Keep the same business category and content logic, but visibly transform the visual system using the selected Refero inspiration.",
      "brandDirection": "New original brand name in the same category and maturity as the source",
      "categoryPivot": "Same category as source",
      "imageDirection": "Replace proprietary images with new licensed/generated subjects that follow the selected Refero inspiration, not the source site's exact art direction",
      "paletteDirection": "Use the selected Refero inspiration colors/north star as the main palette direction; do not merely tint the source palette",
      "copyDirection": "Fresh copy with the same information hierarchy but a distinct voice matching the transformed brand",
      "cmsDirection": "Preserve the source CMS/listing pattern if present",
      "preserve": [
        "information architecture",
        "section order",
        "rough content hierarchy",
        "CTA placement",
        "mobile stacking logic",
        "CMS/list/detail pattern if present"
      ],
      "change": [
        "brand name and logo text",
        "business/product category where the selected pivot requires it",
        "image subjects and media",
        "sample CMS content",
        "copy and voice",
        "color palette using the selected Refero inspiration",
        "typography feel using the selected Refero inspiration mapped to Builder-safe fonts",
        "component language: cards, buttons, borders, surfaces, radius, metadata, and section treatments",
        "visual density and section surfaces enough that the output is not a lightly renamed source"
      ],
      "chatStrategy": {
        "globalEntry": "Choose the best approved /chat entry point for the transformed design: hero/button redirect, inline Chat Bar redirect, or optional bottom-center Sticky Chat Dock. Sticky Chat Dock is not mandatory.",
        "heroCta": "Use one normal button_redirect_link to /chat for the primary hero CTA, with a prompt tailored to the transformed business.",
        "cardCtas": "For CMS/listing/cards, use button_redirect_link to /chat with item-specific chatPrompt/source context. Do not create full readable CMS detail pages.",
        "inlineChat": "Use inline Chat Bar only if the source layout already contains a search/input-style hero or section. Otherwise do not add one.",
        "destinationChat": "The /chat destination must be the centered conversation lane with exactly one composer pinned near the bottom. No marketing hero, no article body, no custom prelude.",
        "prohibited": [
          "bottom-right chat bubbles",
          "corner assistant widgets",
          "floating chat popovers",
          "side chat tabs",
          "duplicate composers on /chat or chat-lane detail routes",
          "full CMS article/product detail pages instead of chat-lane handoff routes"
        ]
      },
      "driftRisk": "medium"
    },
    {
      "id": "adjacent-style-pivot",
      "label": "AI operations platform for service teams",
      "mode": "specific_pivot",
      "styleArchetype": {
        "id": "clean-professional",
        "label": "Clean Professional",
        "summary": "Straightforward business style for credibility, clarity, and repeated scanning.",
        "bestFor": [
          "consultancy",
          "finance",
          "legal",
          "B2B services",
          "education"
        ],
        "theme": "light",
        "paletteDirection": "White, cool grey, dark navy or charcoal, and restrained blue accent.",
        "typographyDirection": "Plain sans typography with crisp headings and high readability.",
        "builderFonts": {
          "heading": "Inter",
          "body": "Inter"
        },
        "spacingDirection": "Compact, organized, information-first spacing.",
        "radiusDirection": "Low radius for a serious professional feel.",
        "imageDirection": "Team, advisory sessions, documents, office details, diagrams where useful.",
        "componentDirection": "Service matrices, proof rows, FAQs, simple CTAs, understated cards.",
        "avoid": [
          "large decorative heroes",
          "playful retail colours",
          "unnecessary illustration",
          "low contrast"
        ],
        "referoInspirations": [
          {
            "siteName": "shadcn/ui",
            "sourceUrl": "https://ui.shadcn.com",
            "styleUrl": "https://styles.refero.design/style/0fd67ec5-7e9c-4ca9-b368-5d9c7388477a",
            "screenshotUrl": "https://images.refero.design/styles/refero.design/image/645c38b4-b321-4999-b6db-2f5d5f66da32.jpg",
            "thumbnailUrl": "https://images.refero.design/styles/refero.design/image/9ccec6fc-ee7d-4fa4-b7b0-0aec3c668213.jpg",
            "previewVideoUrl": "https://images.refero.design/styles/refero.design/video/761e7382-0d71-40af-9607-3e9d87d31ba1.mp4",
            "colorScheme": "light",
            "colors": [
              {
                "name": "Graphite",
                "hex": "#0a0a0a"
              },
              {
                "name": "Pure Black",
                "hex": "#000000"
              },
              {
                "name": "Concrete",
                "hex": "#737373"
              },
              {
                "name": "Smoke",
                "hex": "#b9b9b9"
              }
            ],
            "fonts": [
              "Geist",
              "Geist Mono"
            ],
            "northStar": "Brutalist Swiss grid in graphite and chalk, with 1px borders and filled-black buttons.",
            "usageNotes": "Use clear 1px structure, disciplined grids, and crisp high-readability business hierarchy."
          }
        ]
      },
      "summary": "Pivot into an adjacent business/category and apply a visibly different Refero-guided design system.",
      "categoryPivot": "Client portal software for boutique agencies",
      "brandDirection": "Polished productivity product brand",
      "imageDirection": "Project boards, client notes, task timelines, document previews, and collaboration imagery",
      "paletteDirection": "Warm off-white, graphite, blue-grey, and restrained amber",
      "copyDirection": "Practical product-led copy for repeated daily use",
      "cmsDirection": "CMS items should be feature cards and workflow templates",
      "preserve": [
        "information architecture and page purpose",
        "section order",
        "rough layout grid and content hierarchy",
        "CTA placement",
        "navigation items and mobile stacking logic",
        "Conversite chat contract",
        "CMS/list/detail pattern if present"
      ],
      "change": [
        "brand name and logo text",
        "business/product category where the selected pivot requires it",
        "image subjects and media",
        "sample CMS content",
        "copy and voice",
        "color palette using the selected Refero inspiration",
        "typography feel using the selected Refero inspiration mapped to Builder-safe fonts",
        "component language: cards, buttons, borders, surfaces, radius, metadata, and section treatments",
        "visual density and section surfaces enough that the output is not a lightly renamed source"
      ],
      "chatStrategy": {
        "globalEntry": "Choose the best approved /chat entry point for the transformed design: hero/button redirect, inline Chat Bar redirect, or optional bottom-center Sticky Chat Dock. Sticky Chat Dock is not mandatory.",
        "heroCta": "Use one normal button_redirect_link to /chat for the primary hero CTA, with a prompt tailored to the transformed business.",
        "cardCtas": "For CMS/listing/cards, use button_redirect_link to /chat with item-specific chatPrompt/source context. Do not create full readable CMS detail pages.",
        "inlineChat": "Use inline Chat Bar only if the source layout already contains a search/input-style hero or section. Otherwise do not add one.",
        "destinationChat": "The /chat destination must be the centered conversation lane with exactly one composer pinned near the bottom. No marketing hero, no article body, no custom prelude.",
        "prohibited": [
          "bottom-right chat bubbles",
          "corner assistant widgets",
          "floating chat popovers",
          "side chat tabs",
          "duplicate composers on /chat or chat-lane detail routes",
          "full CMS article/product detail pages instead of chat-lane handoff routes"
        ]
      },
      "driftRisk": "high"
    }
  ],
  "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.",
      "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."
    ],
    "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/<reference-id>/<template-code>/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.",
      "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-pretone --template-code T-0092B --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"
    ]
  }
}

Reference Notes

License

Marketplace or public source. Use as inspiration/reference only; do not copy source HTML, CSS, copy, imagery, or exact composition.

CMS Hints

Review after capture.

Chat Entry

Review after capture. Any chat entry must resolve to canonical /chat.

Queue output

Prepare Conversite Queue Packet

Copy this structured inspiration packet into the Conversite Template Factory queue. It contains screenshot references and constraints only.

{
  "packetVersion": "templateflow.queue-packet.v1",
  "sourceReferenceId": "tf-webflow-pretone",
  "templateCode": "T-0092",
  "preparedAt": "2026-08-10T17:27:08.931Z",
  "targetSystem": "conversite-template-factory",
  "templateCodePlaceholder": "TEMPLATE_FACTORY_TO_ASSIGN_ORIGINAL_BUILDER_NATIVE_TEMPLATE_CODE",
  "referencePack": {
    "sourcePlatform": "webflow",
    "sourceUrl": "https://webflow.com/templates/html/pretone-website-template",
    "originalUrl": "https://pretone.webflow.io/",
    "sourceTemplateName": "Pretone",
    "internalCandidateName": "Pretone",
    "templateCode": "T-0092",
    "category": "Blog And Editorial",
    "tags": [
      "webflow",
      "blog",
      "and",
      "editorial"
    ],
    "cmsClassification": {
      "label": "CMS likely",
      "likelyCms": true,
      "score": 8.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-pretone/2026-06-04T10-34-12-199Z/desktop.png",
      "mobile": "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-pretone/2026-06-04T10-34-12-199Z/mobile.png",
      "subpages": [
        "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-pretone/2026-06-04T10-34-12-199Z/subpage-01.png",
        "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-pretone/2026-06-04T10-34-12-199Z/subpage-02.png",
        "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-pretone/2026-06-04T10-34-12-199Z/subpage-03.png",
        "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-pretone/2026-06-04T10-34-12-199Z/subpage-04.png"
      ],
      "subpageDetails": [
        {
          "label": "Business Strategy",
          "path": "/services/business-strategy",
          "screenshotUrl": "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-pretone/2026-06-04T10-34-12-199Z/subpage-01.png"
        },
        {
          "label": "Financial Consulting",
          "path": "/services/financial-consulting",
          "screenshotUrl": "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-pretone/2026-06-04T10-34-12-199Z/subpage-02.png"
        },
        {
          "label": "Market Research",
          "path": "/services/market-research",
          "screenshotUrl": "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-pretone/2026-06-04T10-34-12-199Z/subpage-03.png"
        },
        {
          "label": "Operational Efficiency",
          "path": "/services/operational-efficiency",
          "screenshotUrl": "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-pretone/2026-06-04T10-34-12-199Z/subpage-04.png"
        }
      ]
    },
    "sourceScreenshotReferences": [
      "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-pretone/2026-06-04T10-34-12-199Z/desktop.png",
      "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-pretone/2026-06-04T10-34-12-199Z/mobile.png",
      "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-pretone/2026-06-04T10-34-12-199Z/subpage-01.png",
      "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-pretone/2026-06-04T10-34-12-199Z/subpage-02.png",
      "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-pretone/2026-06-04T10-34-12-199Z/subpage-03.png",
      "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-pretone/2026-06-04T10-34-12-199Z/subpage-04.png"
    ],
    "derivedDesigns": [
      {
        "id": "tf-webflow-pretone-t-0092a",
        "templateCode": "T-0092A",
        "parentTemplateCode": "T-0092",
        "sourceReferenceId": "tf-webflow-pretone",
        "name": "Altaris",
        "status": "prototype_ready",
        "prototypeUrl": "https://templateflow.apps.emubrain.com/prototypes/tf-webflow-pretone/T-0092A/",
        "desktopScreenshotUrl": "https://templateflow.apps.emubrain.com/prototypes/tf-webflow-pretone-t-0092a/desktop.png",
        "mobileScreenshotUrl": "https://templateflow.apps.emubrain.com/prototypes/tf-webflow-pretone-t-0092a/mobile.png",
        "notes": "Reference-faithful Altaris consultancy prototype with homepage, service subpages, local chat route, deterministic local imagery, and required bottom composer dock on all routes.",
        "exportedAt": "2026-06-11T07:31:27.739Z"
      }
    ],
    "llmReview": {
      "reviewedAt": "2026-06-04T11:25:05.832Z",
      "reviewer": "templateflow-reviewer-v1",
      "overallScore": 72,
      "recommendation": "shortlist",
      "scores": {
        "conversiteFit": 7,
        "visualQuality": 8,
        "originalityPotential": 6,
        "cmsFit": 7,
        "implementationEffort": 5,
        "duplicateRisk": 3,
        "sourceRisk": 2
      },
      "summary": "The Pretone template offers a clean and modern design suitable for business consulting and editorial content, with a well-structured layout for service pages, client testimonials, and blog articles. Its minimalist style and clear typography provide a good base for conversion-focused templates. However, it lacks highly unique design elements, so implementation is moderately straightforward with some customization needed to align with Conversite's original assets and design philosophy. Low source and duplicate risk due to its public marketplace nature. Overall, a solid reference for a professional consulting template with moderate originality and good CMS adaptability.",
      "suggestedTemplateCategory": "Business",
      "suggestedConversiteBrief": "Create a professional consulting and business services template featuring clean typography, modular service sections, client testimonials, a blog preview, and simple contact booking form optimized for quick lead capture and easy CMS maintenance."
    }
  },
  "buildPreferences": {
    "cmsPreference": "Review after capture.",
    "heroMediaPreference": "Use original Conversite-approved imagery or generated/source-owned media. Do not reuse marketplace screenshots as final hero assets.",
    "chatEntrySuggestion": "Review after capture. Any chat entry must resolve to canonical /chat."
  },
  "notes": {
    "license": "Marketplace or public source. Use as inspiration/reference only; do not copy source HTML, CSS, copy, imagery, or exact composition.",
    "layout": "Ingested candidate. Review screenshots before using as a production reference pack.",
    "cms": "Review after capture.",
    "originality": "Treat this packet as inspiration and reference input only. Do not copy commercial template HTML, CSS, copy, imagery, or exact composition into Conversite.",
    "requiredConversiteConventions": [
      "All user-started chat flows must resolve to canonical /chat.",
      "Any chat entry point on a normal page must use an approved pattern: a normal button/link redirect, an inline Chat Bar redirect, or an optional bottom-center Sticky Chat Dock. Sticky Chat Dock is not mandatory.",
      "If a Sticky Chat Dock is used, it must be bottom-centered, locked to the viewport bottom, and must redirect typed prompts to /chat.",
      "Do not build bottom-right chat bubbles, corner assistant widgets, floating popovers, side tabs, custom chat panels, or custom /chat preludes.",
      "Final output must be Builder-native.",
      "External source HTML/CSS must not be injected into Conversite.",
      "Use original copy, images, sections, and components.",
      "If selectedDerivedDesign is present, use that approved URL prototype or derived design as the primary visual source for the Conversite build."
    ]
  },
  "status": "captured",
  "conversiteQueueItemId": null
}

Design sync

Sync prototype output back

After the URL prototype is ready, run this command with the live prototype and screenshot URLs. TemplateFlow will show the result side by side with the original reference.

npm run sync-prototype -- --source-id tf-webflow-pretone --template-code T-0092B --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>"

Pipeline status

TemplateFlow → Prototype → Conversite

Captured

1
Candidate
Source has been identified but not fully captured.
2
Captured
Reference screenshots and notes are available for review.
3
Selected for prototype
Reference is approved for live URL prototype generation.
4
In prototype
An agent is producing a live, reviewable URL prototype.
5
Prototype ready
A live prototype has been synced back for comparison.
6
Legacy Figma selected
Legacy Figma status retained for old records.
7
Legacy Figma
Legacy Figma status retained for old records.
8
Legacy Figma exported
Legacy Figma reproduction retained for old records.
9
Approved for Conversite
Design is ready to enter the Conversite Template Factory.
10
Queued in Conversite
Approved design has been sent to the Conversite build queue.
11
Built on staging
Conversite staging build exists and is ready for review.
12
Production ready
Template passed review and can be promoted for launch use.

npm run update-reference-status -- --source-id tf-webflow-pretone --status selected_for_prototype

npm run update-reference-status -- --source-id tf-webflow-pretone --status in_prototype

npm run update-reference-status -- --source-id tf-webflow-pretone --status approved_for_conversite

Design comparison

Original reference beside URL prototype

T-0092 Pretone original reference screenshot

T-0092A Altaris prototype screenshot — Altaris Prototype ready Prototype

Approved prototype handoff

Derived prototypes ready for Conversite decisions

T-0092A

Altaris

Prototype ready

Reference-faithful Altaris consultancy prototype with homepage, service subpages, local chat route, deterministic local imagery, and required bottom composer dock on all routes.

Open prototype page Open prototype Queue JSON

npm run sync-prototype -- --source-id tf-webflow-pretone --template-code T-0092A --status approved_for_conversite --notes "Approved for Conversite build"

npm run sync-prototype -- --source-id tf-webflow-pretone --template-code T-0092A --status queued_in_conversite --notes "Queued in Conversite Template Factory"

{
  "packetVersion": "templateflow.queue-packet.v1",
  "sourceReferenceId": "tf-webflow-pretone",
  "templateCode": "T-0092A",
  "preparedAt": "2026-08-10T17:27:08.932Z",
  "targetSystem": "conversite-template-factory",
  "templateCodePlaceholder": "TEMPLATE_FACTORY_TO_ASSIGN_ORIGINAL_BUILDER_NATIVE_TEMPLATE_CODE",
  "referencePack": {
    "sourcePlatform": "webflow",
    "sourceUrl": "https://webflow.com/templates/html/pretone-website-template",
    "originalUrl": "https://pretone.webflow.io/",
    "sourceTemplateName": "Pretone",
    "internalCandidateName": "Pretone",
    "templateCode": "T-0092",
    "category": "Blog And Editorial",
    "tags": [
      "webflow",
      "blog",
      "and",
      "editorial"
    ],
    "cmsClassification": {
      "label": "CMS likely",
      "likelyCms": true,
      "score": 8.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-pretone/2026-06-04T10-34-12-199Z/desktop.png",
      "mobile": "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-pretone/2026-06-04T10-34-12-199Z/mobile.png",
      "subpages": [
        "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-pretone/2026-06-04T10-34-12-199Z/subpage-01.png",
        "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-pretone/2026-06-04T10-34-12-199Z/subpage-02.png",
        "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-pretone/2026-06-04T10-34-12-199Z/subpage-03.png",
        "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-pretone/2026-06-04T10-34-12-199Z/subpage-04.png"
      ],
      "subpageDetails": [
        {
          "label": "Business Strategy",
          "path": "/services/business-strategy",
          "screenshotUrl": "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-pretone/2026-06-04T10-34-12-199Z/subpage-01.png"
        },
        {
          "label": "Financial Consulting",
          "path": "/services/financial-consulting",
          "screenshotUrl": "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-pretone/2026-06-04T10-34-12-199Z/subpage-02.png"
        },
        {
          "label": "Market Research",
          "path": "/services/market-research",
          "screenshotUrl": "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-pretone/2026-06-04T10-34-12-199Z/subpage-03.png"
        },
        {
          "label": "Operational Efficiency",
          "path": "/services/operational-efficiency",
          "screenshotUrl": "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-pretone/2026-06-04T10-34-12-199Z/subpage-04.png"
        }
      ]
    },
    "sourceScreenshotReferences": [
      "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-pretone/2026-06-04T10-34-12-199Z/desktop.png",
      "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-pretone/2026-06-04T10-34-12-199Z/mobile.png",
      "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-pretone/2026-06-04T10-34-12-199Z/subpage-01.png",
      "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-pretone/2026-06-04T10-34-12-199Z/subpage-02.png",
      "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-pretone/2026-06-04T10-34-12-199Z/subpage-03.png",
      "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-pretone/2026-06-04T10-34-12-199Z/subpage-04.png"
    ],
    "prototypeSourceReferences": [
      "https://templateflow.apps.emubrain.com/prototypes/tf-webflow-pretone-t-0092a/desktop.png",
      "https://templateflow.apps.emubrain.com/prototypes/tf-webflow-pretone-t-0092a/mobile.png",
      "https://templateflow.apps.emubrain.com/prototypes/tf-webflow-pretone/T-0092A/"
    ],
    "derivedDesigns": [
      {
        "id": "tf-webflow-pretone-t-0092a",
        "templateCode": "T-0092A",
        "parentTemplateCode": "T-0092",
        "sourceReferenceId": "tf-webflow-pretone",
        "name": "Altaris",
        "status": "prototype_ready",
        "prototypeUrl": "https://templateflow.apps.emubrain.com/prototypes/tf-webflow-pretone/T-0092A/",
        "desktopScreenshotUrl": "https://templateflow.apps.emubrain.com/prototypes/tf-webflow-pretone-t-0092a/desktop.png",
        "mobileScreenshotUrl": "https://templateflow.apps.emubrain.com/prototypes/tf-webflow-pretone-t-0092a/mobile.png",
        "notes": "Reference-faithful Altaris consultancy prototype with homepage, service subpages, local chat route, deterministic local imagery, and required bottom composer dock on all routes.",
        "exportedAt": "2026-06-11T07:31:27.739Z"
      }
    ],
    "llmReview": {
      "reviewedAt": "2026-06-04T11:25:05.832Z",
      "reviewer": "templateflow-reviewer-v1",
      "overallScore": 72,
      "recommendation": "shortlist",
      "scores": {
        "conversiteFit": 7,
        "visualQuality": 8,
        "originalityPotential": 6,
        "cmsFit": 7,
        "implementationEffort": 5,
        "duplicateRisk": 3,
        "sourceRisk": 2
      },
      "summary": "The Pretone template offers a clean and modern design suitable for business consulting and editorial content, with a well-structured layout for service pages, client testimonials, and blog articles. Its minimalist style and clear typography provide a good base for conversion-focused templates. However, it lacks highly unique design elements, so implementation is moderately straightforward with some customization needed to align with Conversite's original assets and design philosophy. Low source and duplicate risk due to its public marketplace nature. Overall, a solid reference for a professional consulting template with moderate originality and good CMS adaptability.",
      "suggestedTemplateCategory": "Business",
      "suggestedConversiteBrief": "Create a professional consulting and business services template featuring clean typography, modular service sections, client testimonials, a blog preview, and simple contact booking form optimized for quick lead capture and easy CMS maintenance."
    },
    "selectedDerivedDesign": {
      "id": "tf-webflow-pretone-t-0092a",
      "templateCode": "T-0092A",
      "parentTemplateCode": "T-0092",
      "sourceReferenceId": "tf-webflow-pretone",
      "name": "Altaris",
      "status": "prototype_ready",
      "prototypeUrl": "https://templateflow.apps.emubrain.com/prototypes/tf-webflow-pretone/T-0092A/",
      "desktopScreenshotUrl": "https://templateflow.apps.emubrain.com/prototypes/tf-webflow-pretone-t-0092a/desktop.png",
      "mobileScreenshotUrl": "https://templateflow.apps.emubrain.com/prototypes/tf-webflow-pretone-t-0092a/mobile.png",
      "notes": "Reference-faithful Altaris consultancy prototype with homepage, service subpages, local chat route, deterministic local imagery, and required bottom composer dock on all routes.",
      "exportedAt": "2026-06-11T07:31:27.739Z"
    }
  },
  "buildPreferences": {
    "cmsPreference": "Review after capture.",
    "heroMediaPreference": "Use original Conversite-approved imagery or generated/source-owned media. Do not reuse marketplace screenshots as final hero assets.",
    "chatEntrySuggestion": "Review after capture. Any chat entry must resolve to canonical /chat."
  },
  "notes": {
    "license": "Marketplace or public source. Use as inspiration/reference only; do not copy source HTML, CSS, copy, imagery, or exact composition.",
    "layout": "Ingested candidate. Review screenshots before using as a production reference pack.",
    "cms": "Review after capture.",
    "originality": "Build from the approved original URL prototype or legacy derived design. Keep the source reference as background context. Do not copy commercial template HTML, CSS, copy, imagery, or exact composition into Conversite.",
    "requiredConversiteConventions": [
      "All user-started chat flows must resolve to canonical /chat.",
      "Any chat entry point on a normal page must use an approved pattern: a normal button/link redirect, an inline Chat Bar redirect, or an optional bottom-center Sticky Chat Dock. Sticky Chat Dock is not mandatory.",
      "If a Sticky Chat Dock is used, it must be bottom-centered, locked to the viewport bottom, and must redirect typed prompts to /chat.",
      "Do not build bottom-right chat bubbles, corner assistant widgets, floating popovers, side tabs, custom chat panels, or custom /chat preludes.",
      "Final output must be Builder-native.",
      "External source HTML/CSS must not be injected into Conversite.",
      "Use original copy, images, sections, and components.",
      "If selectedDerivedDesign is present, use that approved URL prototype or derived design as the primary visual source for the Conversite build."
    ]
  },
  "status": "captured",
  "conversiteQueueItemId": null
}

Prototype jobs

Prototype job history

Loading prototype jobs...

Generated designs

D1-synced prototypes

Loading generated designs...