Clonesite Docs
Plans

Design Canvas Plan

How the standalone design canvas is carried into Clonesite.

Goal

Keep a separate review tool for product sketches, responsive artboards, pasted screenshots, and clickable prototypes. The canvas should help shape the new site without adding design-only routes to the production app.

Shape

  • Canvas app lives in design-canvas/.
  • Static artboards live in design-canvas/src/canvases.
  • Prototype runtime lives in design-canvas/src/prototype.
  • Routes are registered in design-canvas/src/canvas-route-registry.tsx.

Initial Workspaces

  • /product/home: first marketing homepage boards.
  • /product/pricing: pricing and packaging placeholders.
  • /system/brand: type, color, and component direction.
  • /system/header-footer: navigation and footer exploration.
  • /prototypes/main-flow: clickable review flow.

Rule

Prototype state is local and demo-only. It should not call production APIs, persist user data, or become shared runtime code for web/.