T-0151 · webflow

Sameera

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

Open Figma brief Open queue JSON Original URL

Visual reference

Screenshots

Figma handoff

Prepare Figma Design Brief

Use this first. It asks the design agent to create an original, Builder-ready Figma design from the TemplateFlow reference.

Open JSON

{
  "packetVersion": "templateflow.figma-brief.v1",
  "sourceReferenceId": "tf-webflow-sameera",
  "sourceTemplateCode": "T-0151",
  "preparedAt": "2026-06-05T13:14:39.171Z",
  "targetSystem": "figma-design-agent",
  "expectedDerivedTemplateCode": "T-0151B",
  "referencePack": {
    "sourcePlatform": "webflow",
    "sourceUrl": "https://webflow.com/templates/html/sasiru-website-template",
    "originalUrl": "https://sameeratemplate.webflow.io/",
    "sourceTemplateName": "Sameera",
    "internalCandidateName": "Sameera",
    "templateCode": "T-0151",
    "category": "Portfolio And Agency",
    "tags": [
      "webflow",
      "portfolio",
      "and",
      "agency"
    ],
    "cmsClassification": {
      "label": "CMS likely",
      "likelyCms": true,
      "score": 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-sameera/2026-06-05T06-14-55-676Z/desktop.png",
      "mobile": "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-sameera/2026-06-05T06-14-55-676Z/mobile.png",
      "subpages": [
        "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-sameera/2026-06-05T06-14-55-676Z/subpage-01.png",
        "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-sameera/2026-06-05T06-14-55-676Z/subpage-02.png",
        "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-sameera/2026-06-05T06-14-55-676Z/subpage-03.png",
        "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-sameera/2026-06-05T06-14-55-676Z/subpage-04.png"
      ],
      "subpageDetails": [
        {
          "label": "Work",
          "path": "/work",
          "screenshotUrl": "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-sameera/2026-06-05T06-14-55-676Z/subpage-01.png"
        },
        {
          "label": "Flux",
          "path": "/work/flux",
          "screenshotUrl": "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-sameera/2026-06-05T06-14-55-676Z/subpage-02.png"
        },
        {
          "label": "About",
          "path": "/about",
          "screenshotUrl": "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-sameera/2026-06-05T06-14-55-676Z/subpage-03.png"
        },
        {
          "label": "Slate",
          "path": "/work/slate",
          "screenshotUrl": "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-sameera/2026-06-05T06-14-55-676Z/subpage-04.png"
        }
      ]
    }
  },
  "figmaDesignInstructions": {
    "objective": "Create a reference-faithful Figma redesign from this source reference. The output must be Conversite Builder-ready and should match the captured screenshots closely while replacing proprietary brand/media/copy.",
    "originalityRules": [
      "Use the 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 photos/media, logos, and client-specific copy unless the operator explicitly requests a broader redesign.",
      "Use original, generated, licensed, or Conversite-hostable replacement media that is visually similar enough to preserve the original composition.",
      "Do not import or trace marketplace HTML, CSS, or proprietary assets."
    ],
    "builderConstraints": [
      "Use Builder-supported page structures, sections, CMS/card/detail patterns, and approved chat entry points.",
      "All user-started chat flows must resolve to canonical /chat.",
      "Do not create custom /chat marketing preludes; let source-aware chat context render automatically from CMS/card handoff fields.",
      "Use canonical sticky site headers where appropriate.",
      "Design desktop, tablet, and mobile states so later Builder/Preview/Published parity can be tested."
    ],
    "deliverables": [
      "Figma file URL",
      "Figma node URL for the approved design frame",
      "Desktop screenshot URL for TemplateFlow comparison",
      "Mobile screenshot URL for TemplateFlow comparison when available",
      "Short notes describing the design direction and any CMS assumptions"
    ]
  },
  "syncBackInstructions": {
    "purpose": "After the Figma design is ready, sync it back to TemplateFlow as a derivedDesign so reviewers can compare the original reference and the Figma reproduction side by side.",
    "commandTemplate": "npm run sync-derived-design -- --source-id tf-webflow-sameera --template-code T-0151B --name \"<new brand/template name>\" --figma-file-url \"<figma file url>\" --figma-node-url \"<figma node url>\" --desktop-screenshot-url \"<desktop screenshot url>\" --mobile-screenshot-url \"<mobile screenshot url>\" --status figma_exported --notes \"<review notes>\"",
    "requiredFields": [
      "source-id",
      "template-code",
      "name",
      "figma-file-url or figma-node-url",
      "desktop-screenshot-url when the design 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-sameera",
  "templateCode": "T-0151",
  "preparedAt": "2026-06-05T13:14:39.171Z",
  "targetSystem": "conversite-template-factory",
  "templateCodePlaceholder": "TEMPLATE_FACTORY_TO_ASSIGN_ORIGINAL_BUILDER_NATIVE_TEMPLATE_CODE",
  "referencePack": {
    "sourcePlatform": "webflow",
    "sourceUrl": "https://webflow.com/templates/html/sasiru-website-template",
    "originalUrl": "https://sameeratemplate.webflow.io/",
    "sourceTemplateName": "Sameera",
    "internalCandidateName": "Sameera",
    "templateCode": "T-0151",
    "category": "Portfolio And Agency",
    "tags": [
      "webflow",
      "portfolio",
      "and",
      "agency"
    ],
    "cmsClassification": {
      "label": "CMS likely",
      "likelyCms": true,
      "score": 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-sameera/2026-06-05T06-14-55-676Z/desktop.png",
      "mobile": "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-sameera/2026-06-05T06-14-55-676Z/mobile.png",
      "subpages": [
        "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-sameera/2026-06-05T06-14-55-676Z/subpage-01.png",
        "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-sameera/2026-06-05T06-14-55-676Z/subpage-02.png",
        "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-sameera/2026-06-05T06-14-55-676Z/subpage-03.png",
        "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-sameera/2026-06-05T06-14-55-676Z/subpage-04.png"
      ],
      "subpageDetails": [
        {
          "label": "Work",
          "path": "/work",
          "screenshotUrl": "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-sameera/2026-06-05T06-14-55-676Z/subpage-01.png"
        },
        {
          "label": "Flux",
          "path": "/work/flux",
          "screenshotUrl": "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-sameera/2026-06-05T06-14-55-676Z/subpage-02.png"
        },
        {
          "label": "About",
          "path": "/about",
          "screenshotUrl": "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-sameera/2026-06-05T06-14-55-676Z/subpage-03.png"
        },
        {
          "label": "Slate",
          "path": "/work/slate",
          "screenshotUrl": "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-sameera/2026-06-05T06-14-55-676Z/subpage-04.png"
        }
      ]
    },
    "figmaSourceScreenshotReferences": [
      "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-sameera/2026-06-05T06-14-55-676Z/desktop.png",
      "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-sameera/2026-06-05T06-14-55-676Z/mobile.png",
      "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-sameera/2026-06-05T06-14-55-676Z/subpage-01.png",
      "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-sameera/2026-06-05T06-14-55-676Z/subpage-02.png",
      "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-sameera/2026-06-05T06-14-55-676Z/subpage-03.png",
      "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-sameera/2026-06-05T06-14-55-676Z/subpage-04.png"
    ],
    "derivedDesigns": [
      {
        "id": "tf-webflow-sameera-t-0151a",
        "templateCode": "T-0151A",
        "parentTemplateCode": "T-0151",
        "sourceReferenceId": "tf-webflow-sameera",
        "name": "Northstar Index Studio",
        "status": "figma_exported",
        "figmaFileUrl": "https://www.figma.com/design/TNcx3Kx7FSdIoxWaTOMIiM",
        "figmaNodeUrl": "https://www.figma.com/design/TNcx3Kx7FSdIoxWaTOMIiM?node-id=3-2",
        "desktopScreenshotUrl": "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-sameera-t0151a-figma/2026-06-05T10-15-28-000Z/desktop.png",
        "mobileScreenshotUrl": "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-sameera-t0151a-figma/2026-06-05T10-15-28-000Z/mobile.png",
        "notes": "Revision restored Sameera-faithful cream palette, pill nav, Digital Designer hero, portrait media, logo marquee, beige cards, section order, and mobile stacking.",
        "exportedAt": "2026-06-05T10:15:44.031Z"
      }
    ]
  },
  "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.",
      "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 design as the primary visual source for the Conversite build."
    ]
  },
  "status": "captured",
  "conversiteQueueItemId": null
}

Design sync

Sync Figma output back

After the Figma design is ready, run this command with the real Figma and screenshot URLs. TemplateFlow will show the result side by side with the original reference.

npm run sync-derived-design -- --source-id tf-webflow-sameera --template-code T-0151B --name "<new brand/template name>" --figma-file-url "<figma file url>" --figma-node-url "<figma node url>" --desktop-screenshot-url "<desktop screenshot url>" --mobile-screenshot-url "<mobile screenshot url>" --status figma_exported --notes "<review notes>"

Pipeline status

TemplateFlow → Figma → 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 Figma
Reference is approved for original Figma redesign.
4
In Figma
A design agent is producing a Builder-ready Figma version.
5
Figma exported
A Figma reproduction has been synced back for comparison.
6
Approved for Conversite
Design is ready to enter the Conversite Template Factory.
7
Queued in Conversite
Approved design has been sent to the Conversite build queue.
8
Built on staging
Conversite staging build exists and is ready for review.
9
Production ready
Template passed review and can be promoted for launch use.

npm run update-reference-status -- --source-id tf-webflow-sameera --status selected_for_figma

npm run update-reference-status -- --source-id tf-webflow-sameera --status in_figma

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

Design comparison

Original reference beside Conversite output

T-0151 Sameera original reference screenshot

T-0151A Northstar Index Studio Conversite design screenshot — Northstar Index Studio Figma exported Figma node Figma file

Approved design handoff

Derived designs ready for Conversite decisions

T-0151A

Northstar Index Studio

Figma exported

Revision restored Sameera-faithful cream palette, pill nav, Digital Designer hero, portrait media, logo marquee, beige cards, section order, and mobile stacking.

Open design page Figma node Queue JSON

npm run sync-derived-design -- --source-id tf-webflow-sameera --template-code T-0151A --status approved_for_conversite --notes "Approved for Conversite build"

npm run sync-derived-design -- --source-id tf-webflow-sameera --template-code T-0151A --status queued_in_conversite --notes "Queued in Conversite Template Factory"

{
  "packetVersion": "templateflow.queue-packet.v1",
  "sourceReferenceId": "tf-webflow-sameera",
  "templateCode": "T-0151A",
  "preparedAt": "2026-06-05T13:14:39.171Z",
  "targetSystem": "conversite-template-factory",
  "templateCodePlaceholder": "TEMPLATE_FACTORY_TO_ASSIGN_ORIGINAL_BUILDER_NATIVE_TEMPLATE_CODE",
  "referencePack": {
    "sourcePlatform": "webflow",
    "sourceUrl": "https://webflow.com/templates/html/sasiru-website-template",
    "originalUrl": "https://sameeratemplate.webflow.io/",
    "sourceTemplateName": "Sameera",
    "internalCandidateName": "Sameera",
    "templateCode": "T-0151",
    "category": "Portfolio And Agency",
    "tags": [
      "webflow",
      "portfolio",
      "and",
      "agency"
    ],
    "cmsClassification": {
      "label": "CMS likely",
      "likelyCms": true,
      "score": 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-sameera/2026-06-05T06-14-55-676Z/desktop.png",
      "mobile": "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-sameera/2026-06-05T06-14-55-676Z/mobile.png",
      "subpages": [
        "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-sameera/2026-06-05T06-14-55-676Z/subpage-01.png",
        "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-sameera/2026-06-05T06-14-55-676Z/subpage-02.png",
        "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-sameera/2026-06-05T06-14-55-676Z/subpage-03.png",
        "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-sameera/2026-06-05T06-14-55-676Z/subpage-04.png"
      ],
      "subpageDetails": [
        {
          "label": "Work",
          "path": "/work",
          "screenshotUrl": "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-sameera/2026-06-05T06-14-55-676Z/subpage-01.png"
        },
        {
          "label": "Flux",
          "path": "/work/flux",
          "screenshotUrl": "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-sameera/2026-06-05T06-14-55-676Z/subpage-02.png"
        },
        {
          "label": "About",
          "path": "/about",
          "screenshotUrl": "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-sameera/2026-06-05T06-14-55-676Z/subpage-03.png"
        },
        {
          "label": "Slate",
          "path": "/work/slate",
          "screenshotUrl": "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-sameera/2026-06-05T06-14-55-676Z/subpage-04.png"
        }
      ]
    },
    "figmaSourceScreenshotReferences": [
      "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-sameera/2026-06-05T06-14-55-676Z/desktop.png",
      "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-sameera/2026-06-05T06-14-55-676Z/mobile.png",
      "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-sameera/2026-06-05T06-14-55-676Z/subpage-01.png",
      "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-sameera/2026-06-05T06-14-55-676Z/subpage-02.png",
      "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-sameera/2026-06-05T06-14-55-676Z/subpage-03.png",
      "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-sameera/2026-06-05T06-14-55-676Z/subpage-04.png"
    ],
    "derivedDesigns": [
      {
        "id": "tf-webflow-sameera-t-0151a",
        "templateCode": "T-0151A",
        "parentTemplateCode": "T-0151",
        "sourceReferenceId": "tf-webflow-sameera",
        "name": "Northstar Index Studio",
        "status": "figma_exported",
        "figmaFileUrl": "https://www.figma.com/design/TNcx3Kx7FSdIoxWaTOMIiM",
        "figmaNodeUrl": "https://www.figma.com/design/TNcx3Kx7FSdIoxWaTOMIiM?node-id=3-2",
        "desktopScreenshotUrl": "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-sameera-t0151a-figma/2026-06-05T10-15-28-000Z/desktop.png",
        "mobileScreenshotUrl": "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-sameera-t0151a-figma/2026-06-05T10-15-28-000Z/mobile.png",
        "notes": "Revision restored Sameera-faithful cream palette, pill nav, Digital Designer hero, portrait media, logo marquee, beige cards, section order, and mobile stacking.",
        "exportedAt": "2026-06-05T10:15:44.031Z"
      }
    ],
    "selectedDerivedDesign": {
      "id": "tf-webflow-sameera-t-0151a",
      "templateCode": "T-0151A",
      "parentTemplateCode": "T-0151",
      "sourceReferenceId": "tf-webflow-sameera",
      "name": "Northstar Index Studio",
      "status": "figma_exported",
      "figmaFileUrl": "https://www.figma.com/design/TNcx3Kx7FSdIoxWaTOMIiM",
      "figmaNodeUrl": "https://www.figma.com/design/TNcx3Kx7FSdIoxWaTOMIiM?node-id=3-2",
      "desktopScreenshotUrl": "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-sameera-t0151a-figma/2026-06-05T10-15-28-000Z/desktop.png",
      "mobileScreenshotUrl": "https://templateflow-assets.apps.emubrain.com/reference-packs/tf-webflow-sameera-t0151a-figma/2026-06-05T10-15-28-000Z/mobile.png",
      "notes": "Revision restored Sameera-faithful cream palette, pill nav, Digital Designer hero, portrait media, logo marquee, beige cards, section order, and mobile stacking.",
      "exportedAt": "2026-06-05T10:15:44.031Z"
    }
  },
  "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 Figma/Conversite derived design. Keep the source reference only 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.",
      "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 design as the primary visual source for the Conversite build."
    ]
  },
  "status": "captured",
  "conversiteQueueItemId": null
}

Figma jobs

Design job history

Loading design jobs...

Generated designs

D1-synced Figma designs

Loading generated designs...