T-0275 · webflow

CC Club

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

Open Copy brief Open Build JSON Original URL

Visual reference

Screenshots

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-cc-club",
  "sourceTemplateCode": "T-0275",
  "preparedAt": "2026-07-15T16:16:01.087Z",
  "targetSystem": "templateflow-url-prototype-agent",
  "expectedDerivedTemplateCode": "T-0275A",
  "referencePack": {
    "sourcePlatform": "webflow",
    "sourceUrl": "https://webflow.com/templates/html/cc-club-website-template",
    "originalUrl": "https://cc-folio.webflow.io/",
    "sourceTemplateName": "CC Club",
    "internalCandidateName": "CC Club",
    "templateCode": "T-0275",
    "category": "Portfolio And Agency",
    "tags": [
      "webflow",
      "portfolio",
      "and",
      "agency"
    ],
    "cmsClassification": {
      "label": "No obvious CMS",
      "likelyCms": false,
      "score": 0.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-cc-club/2026-06-05T10-16-01-341Z/desktop.png",
      "mobile": "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-cc-club/2026-06-05T10-16-01-341Z/mobile.png",
      "subpages": [
        "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-cc-club/2026-06-05T10-16-01-341Z/subpage-01.png",
        "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-cc-club/2026-06-05T10-16-01-341Z/subpage-02.png",
        "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-cc-club/2026-06-05T10-16-01-341Z/subpage-03.png",
        "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-cc-club/2026-06-05T10-16-01-341Z/subpage-04.png"
      ],
      "subpageDetails": [
        {
          "label": "Changelog",
          "path": "/admin/changelog",
          "screenshotUrl": "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-cc-club/2026-06-05T10-16-01-341Z/subpage-01.png"
        },
        {
          "label": "Instructions",
          "path": "/admin/instructions",
          "screenshotUrl": "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-cc-club/2026-06-05T10-16-01-341Z/subpage-02.png"
        },
        {
          "label": "Licences",
          "path": "/admin/licences",
          "screenshotUrl": "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-cc-club/2026-06-05T10-16-01-341Z/subpage-03.png"
        },
        {
          "label": "Style Guide",
          "path": "/admin/style-guide",
          "screenshotUrl": "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-cc-club/2026-06-05T10-16-01-341Z/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/<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.",
      "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-cc-club --template-code T-0275A --name \"<copy name>\" --prototype-url \"<copy 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-cc-club",
  "templateCode": "T-0275",
  "buildSourceStage": "source",
  "preparedAt": "2026-07-15T16:16:01.086Z",
  "targetSystem": "conversite-template-factory",
  "templateCodePlaceholder": "TEMPLATE_FACTORY_TO_ASSIGN_ORIGINAL_BUILDER_NATIVE_TEMPLATE_CODE",
  "referencePack": {
    "sourcePlatform": "webflow",
    "sourceUrl": "https://webflow.com/templates/html/cc-club-website-template",
    "originalUrl": "https://cc-folio.webflow.io/",
    "sourceTemplateName": "CC Club",
    "internalCandidateName": "CC Club",
    "templateCode": "T-0275",
    "category": "Portfolio And Agency",
    "tags": [
      "webflow",
      "portfolio",
      "and",
      "agency"
    ],
    "cmsClassification": {
      "label": "No obvious CMS",
      "likelyCms": false,
      "score": 0.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-cc-club/2026-06-05T10-16-01-341Z/desktop.png",
      "mobile": "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-cc-club/2026-06-05T10-16-01-341Z/mobile.png",
      "subpages": [
        "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-cc-club/2026-06-05T10-16-01-341Z/subpage-01.png",
        "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-cc-club/2026-06-05T10-16-01-341Z/subpage-02.png",
        "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-cc-club/2026-06-05T10-16-01-341Z/subpage-03.png",
        "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-cc-club/2026-06-05T10-16-01-341Z/subpage-04.png"
      ],
      "subpageDetails": [
        {
          "label": "Changelog",
          "path": "/admin/changelog",
          "screenshotUrl": "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-cc-club/2026-06-05T10-16-01-341Z/subpage-01.png"
        },
        {
          "label": "Instructions",
          "path": "/admin/instructions",
          "screenshotUrl": "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-cc-club/2026-06-05T10-16-01-341Z/subpage-02.png"
        },
        {
          "label": "Licences",
          "path": "/admin/licences",
          "screenshotUrl": "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-cc-club/2026-06-05T10-16-01-341Z/subpage-03.png"
        },
        {
          "label": "Style Guide",
          "path": "/admin/style-guide",
          "screenshotUrl": "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-cc-club/2026-06-05T10-16-01-341Z/subpage-04.png"
        }
      ]
    },
    "sourceScreenshotReferences": [
      "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-cc-club/2026-06-05T10-16-01-341Z/desktop.png",
      "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-cc-club/2026-06-05T10-16-01-341Z/mobile.png",
      "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-cc-club/2026-06-05T10-16-01-341Z/subpage-01.png",
      "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-cc-club/2026-06-05T10-16-01-341Z/subpage-02.png",
      "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-cc-club/2026-06-05T10-16-01-341Z/subpage-03.png",
      "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-cc-club/2026-06-05T10-16-01-341Z/subpage-04.png"
    ],
    "derivedDesigns": []
  },
  "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 Copy or 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-cc-club --template-code T-0275A --name "<copy name>" --prototype-url "<copy url>" --desktop-screenshot-url "<desktop screenshot url>" --mobile-screenshot-url "<mobile screenshot url>" --status prototype_ready --notes "<review notes>"

Pipeline status

Source → Copy → Design → Build

Captured

1
Candidate
Source has been identified but not fully captured.
2
Captured
Source screenshots and notes are available for review.
3
Selected for Copy
Source is approved for close-match Copy generation.
4
In Copy/Design
An agent is producing a live, reviewable Copy or Design.
5
Copy/Design ready
A live Copy or Design 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 Build
Copy or Design is ready to enter the Conversite Template Factory.
10
Queued for Build
Approved Copy or 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-cc-club --status selected_for_prototype

npm run update-reference-status -- --source-id tf-webflow-cc-club --status in_prototype

npm run update-reference-status -- --source-id tf-webflow-cc-club --status approved_for_conversite

Copy/Design jobs

Copy and Design job history

Loading Copy/Design jobs...

Generated outputs

D1-synced Copies and Designs

Loading generated designs...