ClientsFlow Pipeline · Design pick

Copy & Prompt Editor — choose a layout

Two polished mockups of the same tool: edit every client-facing copy and every AI prompt in one place. Real values pulled live from copy/*.md + prompts/*.md (29 items). Save buttons are inert — this is the look-and-feel pick, wiring comes after.

Layout A

Journey-First

Left sidebar of the 11 journey stages; pick a stage, the main area shows its copy & prompt cards under a Copy / AI-Prompts tab bar.

  • Fixed-height workspace, no page scroll
  • Stage sidebar with per-stage counts
  • Best when you think "what happens at this step"
Open Layout A →
Layout B

Content-Type-First

Horizontal journey timeline on top + one searchable, filterable, expand-in-place list of all 29 items. Filter by stage, type, or free-text search.

  • Search + type/stage filters, live counts
  • Accordion rows, one open at a time
  • Best when you think "find this exact copy fast"
Open Layout B →

Both are self-contained, mobile-responsive, house-style. Tell me which direction you prefer (or a mix) and I'll wire it to the live registry (Notion-backed copy/prompt store) with a working Save.