{ "catalogVersion": 1, "designSchemaVersion": 2, "generatedAt": "2026-10-13T10:57:38.745Z", "count": 274, "assets": [ { "id": "design:2026-04-15-gradient-saas-landing", "slug": "2026-04-15-gradient-saas-landing", "kind": "artboard", "title": { "ja": "オーロラグラデーション SaaS ランディング", "en": "Aurora Gradient SaaS Landing" }, "summary": { "ja": "濃紫から青緑へ溶けるグラデを主役にした、SaaS ヒーローセクション", "en": "A SaaS hero section built around a deep-purple-to-teal gradient" }, "useCases": [ "web-hero" ], "layoutKinds": [ "full-bleed" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [ "2026-04-18-fintech-mobile-dashboard" ], "urls": { "ja": "https://design-vault.pages.dev/designs/2026-04-15-gradient-saas-landing", "en": "https://design-vault.pages.dev/en/designs/2026-04-15-gradient-saas-landing", "json": "https://design-vault.pages.dev/ai/assets/2026-04-15-gradient-saas-landing.json", "designJson": "https://design-vault.pages.dev/ai/designs/2026-04-15-gradient-saas-landing.json" } }, { "id": "design:2026-04-17-monochrome-editorial-magazine", "slug": "2026-04-17-monochrome-editorial-magazine", "kind": "artboard", "title": { "ja": "モノクロームのエディトリアル誌面", "en": "Monochrome Editorial Spread" }, "summary": { "ja": "黒・白・1 段階の灰だけで組んだ見開き。書体のウェイト差で階層を作る", "en": "A two-page spread built from black, white, and a single gray — hierarchy carried entirely by type weight" }, "useCases": [ "article" ], "layoutKinds": [ "2-column" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/2026-04-17-monochrome-editorial-magazine", "en": "https://design-vault.pages.dev/en/designs/2026-04-17-monochrome-editorial-magazine", "json": "https://design-vault.pages.dev/ai/assets/2026-04-17-monochrome-editorial-magazine.json", "designJson": "https://design-vault.pages.dev/ai/designs/2026-04-17-monochrome-editorial-magazine.json" } }, { "id": "design:2026-04-18-fintech-mobile-dashboard", "slug": "2026-04-18-fintech-mobile-dashboard", "kind": "artboard", "title": { "ja": "フィンテックのモバイルダッシュボード", "en": "Fintech Mobile Dashboard" }, "summary": { "ja": "ポートフォリオ推移 + 取引履歴を 1 画面で見せる、チャート主役の個人資産アプリ", "en": "A personal-finance app that fits portfolio chart and transactions onto a single screen" }, "useCases": [ "kpi" ], "layoutKinds": [ "stack" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [ "2026-04-15-gradient-saas-landing" ], "urls": { "ja": "https://design-vault.pages.dev/designs/2026-04-18-fintech-mobile-dashboard", "en": "https://design-vault.pages.dev/en/designs/2026-04-18-fintech-mobile-dashboard", "json": "https://design-vault.pages.dev/ai/assets/2026-04-18-fintech-mobile-dashboard.json", "designJson": "https://design-vault.pages.dev/ai/designs/2026-04-18-fintech-mobile-dashboard.json" } }, { "id": "design:agenda-numbered-sections", "slug": "agenda-numbered-sections", "kind": "artboard", "title": { "ja": "目次 — 章ごとに「決めたいこと」を添える", "en": "Agenda — Each Section Carries What It Asks For" }, "summary": { "ja": "左に開催条件、右に章の一覧。章名の隣にその章で決めたいことを置き、今日扱わない章は薄く残す", "en": "Session facts at left, sections at right — each with the decision it seeks, the deferred ones dimmed" }, "useCases": [ "agenda" ], "layoutKinds": [ "2-column" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [ "deck-cover-project-brief", "phase-divider-step-rail", "closing-decision-request" ], "urls": { "ja": "https://design-vault.pages.dev/designs/agenda-numbered-sections", "en": "https://design-vault.pages.dev/en/designs/agenda-numbered-sections", "json": "https://design-vault.pages.dev/ai/assets/agenda-numbered-sections.json", "designJson": "https://design-vault.pages.dev/ai/designs/agenda-numbered-sections.json" } }, { "id": "design:agenda-numbered-two-column", "slug": "agenda-numbered-two-column", "kind": "artboard", "title": { "ja": "目次 — 番号を振って 2 列に折る", "en": "Agenda — Numbered, Folded Into Two Columns" }, "summary": { "ja": "6 項目の目次。1 列で並べると開きすぎる行間を、2 列に折って詰める", "en": "A six-item agenda folded into two columns so the leading never opens up" }, "useCases": [ "agenda" ], "layoutKinds": [ "2-column" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [ "title-slide-rule-under-subject", "section-divider-number-bleed", "next-action-owner-date" ], "urls": { "ja": "https://design-vault.pages.dev/designs/agenda-numbered-two-column", "en": "https://design-vault.pages.dev/en/designs/agenda-numbered-two-column", "json": "https://design-vault.pages.dev/ai/assets/agenda-numbered-two-column.json", "designJson": "https://design-vault.pages.dev/ai/designs/agenda-numbered-two-column.json" } }, { "id": "design:app-shell-single-tone", "slug": "app-shell-single-tone", "kind": "artboard", "title": { "ja": "アプリの外殻 — 1 トーンで組む", "en": "Application Shell in One Tone" }, "summary": { "ja": "案内と作業領域を面と罫 1 本だけで分ける。現在地は罫で示し、文字の色も太さも変えない", "en": "Navigation and work area separated by one panel and one hairline; the current page marked by a rule alone" }, "useCases": [ "app-shell" ], "layoutKinds": [ "2-column" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [ "comparison-table-single-fill" ], "urls": { "ja": "https://design-vault.pages.dev/designs/app-shell-single-tone", "en": "https://design-vault.pages.dev/en/designs/app-shell-single-tone", "json": "https://design-vault.pages.dev/ai/assets/app-shell-single-tone.json", "designJson": "https://design-vault.pages.dev/ai/designs/app-shell-single-tone.json" } }, { "id": "design:appendix-index-grid", "slug": "appendix-index-grid", "kind": "artboard", "title": { "ja": "付録の扉 — 収録物を番号つきの格子で見せる", "en": "Appendix Door — What Is Inside, as a Numbered Grid" }, "summary": { "ja": "濃地の格子に付録を 6 編。番号・表題・中身・頁数を揃え、その場で参照する 2 編だけ罫を立てる", "en": "Six appendices tiled on a dark ground — id, title, contents, pages, with a rule raised on the two you will open" }, "useCases": [ "appendix", "section-divider" ], "layoutKinds": [ "grid" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [ "agenda-numbered-sections", "closing-decision-request", "phase-divider-step-rail" ], "urls": { "ja": "https://design-vault.pages.dev/designs/appendix-index-grid", "en": "https://design-vault.pages.dev/en/designs/appendix-index-grid", "json": "https://design-vault.pages.dev/ai/assets/appendix-index-grid.json", "designJson": "https://design-vault.pages.dev/ai/designs/appendix-index-grid.json" } }, { "id": "design:architecture-3tier-stack", "slug": "architecture-3tier-stack", "kind": "artboard", "title": { "ja": "システム構成 — 層を 3 つに畳み、新設の 1 層だけを塗る", "en": "System Architecture — Three Tiers, One of Them New" }, "summary": { "ja": "利用者・業務・データの 3 層を積み、すべて新規の中段だけを面にする。既存は点線ではなく文字色で示す", "en": "Three stacked tiers with only the all-new middle one filled; what already exists is dimmed, never dashed" }, "useCases": [ "architecture", "scope" ], "layoutKinds": [ "stack" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [ "scope-in-out-two-fields", "team-structure-joint-pmo", "test-v-model-paired" ], "urls": { "ja": "https://design-vault.pages.dev/designs/architecture-3tier-stack", "en": "https://design-vault.pages.dev/en/designs/architecture-3tier-stack", "json": "https://design-vault.pages.dev/ai/assets/architecture-3tier-stack.json", "designJson": "https://design-vault.pages.dev/ai/designs/architecture-3tier-stack.json" } }, { "id": "design:beeswarm-plot-support-response-samples", "slug": "beeswarm-plot-support-response-samples", "kind": "artboard", "title": { "ja": "初回応答時間の分布 — メールに60分超の標本が多い", "en": "First Response Times — Email Has More Samples over 60 Minutes" }, "summary": { "ja": "各観測値を1点として保ち、同じx値付近の点を縦にずらして重なりと個々の外れ値を同時に見せるビースウォーム図", "en": "A beeswarm plot preserves every observation as a dot, packing nearby values vertically to expose overlap and outliers." }, "useCases": [ "comparison", "comparison" ], "layoutKinds": [ "axis" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/beeswarm-plot-support-response-samples", "en": "https://design-vault.pages.dev/en/designs/beeswarm-plot-support-response-samples", "json": "https://design-vault.pages.dev/ai/assets/beeswarm-plot-support-response-samples.json", "designJson": "https://design-vault.pages.dev/ai/designs/beeswarm-plot-support-response-samples.json" } }, { "id": "design:bland-altman-measurement-agreement", "slug": "bland-altman-measurement-agreement", "kind": "artboard", "title": { "ja": "測定法の一致度 — 平均差0.0 mm、95%範囲は±3.6 mm", "en": "Measurement Agreement — Mean Difference 0.0 mm, 95% Limits ±3.6 mm" }, "summary": { "ja": "Bland–Altmanプロットで、同一対象を測る2手法の差と平均差・一致限界を読む。相関ではなく測定法の一致を評価する", "en": "A Bland–Altman plot shows paired-method differences against their mean, with average bias and limits of agreement. It assesses agreement rather than correlation." }, "useCases": [ "comparison", "testing" ], "layoutKinds": [ "axis" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/bland-altman-measurement-agreement", "en": "https://design-vault.pages.dev/en/designs/bland-altman-measurement-agreement", "json": "https://design-vault.pages.dev/ai/assets/bland-altman-measurement-agreement.json", "designJson": "https://design-vault.pages.dev/ai/designs/bland-altman-measurement-agreement.json" } }, { "id": "design:bowtie-cold-storage-temperature-excursion", "slug": "bowtie-cold-storage-temperature-excursion", "kind": "artboard", "title": { "ja": "冷蔵倉庫の温度逸脱 — 3つの予防と3つの影響緩和", "en": "Cold-Store Temperature Excursion — Three Preventive and Three Mitigating Barriers" }, "summary": { "ja": "温度逸脱というトップ事象を中央に置き、発生前の予防バリアと発生後の影響緩和バリアを左右に分ける", "en": "A bow-tie diagram places a temperature excursion between preventive barriers and consequence-mitigation barriers." }, "useCases": [ "change-control", "process" ], "layoutKinds": [ "network" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/bowtie-cold-storage-temperature-excursion", "en": "https://design-vault.pages.dev/en/designs/bowtie-cold-storage-temperature-excursion", "json": "https://design-vault.pages.dev/ai/assets/bowtie-cold-storage-temperature-excursion.json", "designJson": "https://design-vault.pages.dev/ai/designs/bowtie-cold-storage-temperature-excursion.json" } }, { "id": "design:break-even-inhouse-outsourcing", "slug": "break-even-inhouse-outsourcing", "kind": "artboard", "title": { "ja": "月600件で内製と外注が逆転 — 1件単価だけで決めない", "en": "In-House and Outsourced Costs Cross at 600 Orders per Month" }, "summary": { "ja": "固定費と従量費を足した総費用を2本の直線で比べ、交点の左右で安い案が変わる損益分岐を示す。1件単価だけで外注を選ばない", "en": "Compare total monthly cost as fixed plus per-order costs. The intersection shows where the cheaper option switches, so unit cost alone does not drive the choice." }, "useCases": [ "pricing", "comparison" ], "layoutKinds": [ "axis" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/break-even-inhouse-outsourcing", "en": "https://design-vault.pages.dev/en/designs/break-even-inhouse-outsourcing", "json": "https://design-vault.pages.dev/ai/assets/break-even-inhouse-outsourcing.json", "designJson": "https://design-vault.pages.dev/ai/designs/break-even-inhouse-outsourcing.json" } }, { "id": "design:bump-chart-feature-request-rankings", "slug": "bump-chart-feature-request-rankings", "kind": "artboard", "title": { "ja": "機能要望の順位推移 — データ出力が首位へ", "en": "Feature Request Rankings — Data Export Returns to the Top" }, "summary": { "ja": "1位を上に置いた順序尺度で6か月の順位を折れ線接続し、複数カテゴリの交差と順位逆転を示すbump chart", "en": "A bump chart connects six months of ordinal ranks with first place at the top, showing crossings and reversals." }, "useCases": [ "comparison", "comparison" ], "layoutKinds": [ "axis" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/bump-chart-feature-request-rankings", "en": "https://design-vault.pages.dev/en/designs/bump-chart-feature-request-rankings", "json": "https://design-vault.pages.dev/ai/assets/bump-chart-feature-request-rankings.json", "designJson": "https://design-vault.pages.dev/ai/designs/bump-chart-feature-request-rankings.json" } }, { "id": "design:calendar-heatmap-quarterly-trial-signups", "slug": "calendar-heatmap-quarterly-trial-signups", "kind": "artboard", "title": { "ja": "無料体験申込の日次リズム — 2026年第2四半期", "en": "Daily Trial Signups — Q2 2026" }, "summary": { "ja": "曜日を行、連続する週を列に置き、各日の件数と濃度を暦順に示すcalendar heatmap", "en": "A calendar heatmap places weekdays in rows and successive weeks in columns, showing each day's trial signup count and intensity." }, "useCases": [ "comparison", "comparison" ], "layoutKinds": [ "grid" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/calendar-heatmap-quarterly-trial-signups", "en": "https://design-vault.pages.dev/en/designs/calendar-heatmap-quarterly-trial-signups", "json": "https://design-vault.pages.dev/ai/assets/calendar-heatmap-quarterly-trial-signups.json", "designJson": "https://design-vault.pages.dev/ai/designs/calendar-heatmap-quarterly-trial-signups.json" } }, { "id": "design:callout-numbered-screen", "slug": "callout-numbered-screen", "kind": "artboard", "title": { "ja": "申請画面の指摘 — 4 か所を直せば差し戻しが減る", "en": "Four Marks on One Screen — What to Fix Before the Rework Piles Up" }, "summary": { "ja": "画面に番号を打ち、引き出し線で指摘を結ぶ。画面は画像ではなく div で描くので、公開されても図が欠けない", "en": "Numbered pins on a screen, each tied to its finding by a leader line. The screen is drawn in markup rather than pasted as an image, so nothing goes missing when it is published" }, "useCases": [ "requirements" ], "layoutKinds": [ "annotated" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [ "maturity-staircase-now-target" ], "urls": { "ja": "https://design-vault.pages.dev/designs/callout-numbered-screen", "en": "https://design-vault.pages.dev/en/designs/callout-numbered-screen", "json": "https://design-vault.pages.dev/ai/assets/callout-numbered-screen.json", "designJson": "https://design-vault.pages.dev/ai/designs/callout-numbered-screen.json" } }, { "id": "design:candlestick-chart-daily-price-range", "slug": "candlestick-chart-daily-price-range", "kind": "artboard", "title": { "ja": "株価の10日推移 — 終値は8.5%上昇", "en": "Ten-Day Stock Price — Closing Price Rises 8.5%" }, "summary": { "ja": "ローソク足で各日の始値・終値・高値・安値を同時に示す。終値の方向だけでなく日中の値幅と反転を読む", "en": "Candlesticks encode each day's open, close, high, and low, revealing intraday range and reversals as well as close direction." }, "useCases": [ "comparison", "status" ], "layoutKinds": [ "axis" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/candlestick-chart-daily-price-range", "en": "https://design-vault.pages.dev/en/designs/candlestick-chart-daily-price-range", "json": "https://design-vault.pages.dev/ai/assets/candlestick-chart-daily-price-range.json", "designJson": "https://design-vault.pages.dev/ai/designs/candlestick-chart-daily-price-range.json" } }, { "id": "design:case-study-2col-single-figure", "slug": "case-study-2col-single-figure", "kind": "artboard", "title": { "ja": "数値ひとつを主役にする 2 分割", "en": "Two-column Split on a Single Figure" }, "summary": { "ja": "左に特大の数値 1 つ、右に文脈。1 枚に数値を 2 つ置かない", "en": "One oversized figure on the left, its context on the right — never two figures on a page" }, "useCases": [ "case-study", "kpi" ], "layoutKinds": [ "2-column" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [ "kpi-dark-three-figures" ], "urls": { "ja": "https://design-vault.pages.dev/designs/case-study-2col-single-figure", "en": "https://design-vault.pages.dev/en/designs/case-study-2col-single-figure", "json": "https://design-vault.pages.dev/ai/assets/case-study-2col-single-figure.json", "designJson": "https://design-vault.pages.dev/ai/designs/case-study-2col-single-figure.json" } }, { "id": "design:causal-loop-support-rework-backlog", "slug": "causal-loop-support-rework-backlog", "kind": "artboard", "title": { "ja": "残業は滞留を解消せず、再作業を増やす", "en": "Overtime Does Not Clear the Backlog; It Increases Rework" }, "summary": { "ja": "未処理件数を中心に、負荷が増幅するループと処理能力が抑制するループを符号付きの因果関係で示す", "en": "A signed causal loop diagram shows how a reinforcing workload cycle and a balancing capacity cycle affect a support backlog." }, "useCases": [ "problem-solution" ], "layoutKinds": [ "network" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/causal-loop-support-rework-backlog", "en": "https://design-vault.pages.dev/en/designs/causal-loop-support-rework-backlog", "json": "https://design-vault.pages.dev/ai/assets/causal-loop-support-rework-backlog.json", "designJson": "https://design-vault.pages.dev/ai/designs/causal-loop-support-rework-backlog.json" } }, { "id": "design:change-request-flow-gates", "slug": "change-request-flow-gates", "kind": "artboard", "title": { "ja": "変更管理 — 各段に営業日を与え、否認の行き先まで描く", "en": "Change Control — Business Days on Every Step, and Where a Refusal Goes" }, "summary": { "ja": "受付から反映まで 5 段の流れ。止まる段（判定）だけを塗り、否認したものの行き先を枝として同じ面に描く", "en": "Five steps from intake to change, with the one step that stops filled and the refusal branch drawn on the same page" }, "useCases": [ "change-control", "process" ], "layoutKinds": [ "flow" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [ "scope-in-out-two-fields", "requirements-response-table", "estimate-breakdown-by-phase" ], "urls": { "ja": "https://design-vault.pages.dev/designs/change-request-flow-gates", "en": "https://design-vault.pages.dev/en/designs/change-request-flow-gates", "json": "https://design-vault.pages.dev/ai/assets/change-request-flow-gates.json", "designJson": "https://design-vault.pages.dev/ai/designs/change-request-flow-gates.json" } }, { "id": "design:chord-diagram-cross-team-collaboration", "slug": "chord-diagram-cross-team-collaboration", "kind": "artboard", "title": { "ja": "部署間の協業 — 開発・データ・運用が結ぶ連携", "en": "Cross-team Collaboration — Engineering, Data, and Operations Connections" }, "summary": { "ja": "円周上に部署、部署ペアに帯を置き、帯幅で月間の共同案件数を比べるChord diagram。誰と誰の連携が集中するかを見る", "en": "A chord diagram places departments around a ring and encodes monthly joint-project counts in ribbon width to reveal concentrated collaboration." }, "useCases": [ "comparison", "org" ], "layoutKinds": [ "network" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/chord-diagram-cross-team-collaboration", "en": "https://design-vault.pages.dev/en/designs/chord-diagram-cross-team-collaboration", "json": "https://design-vault.pages.dev/ai/assets/chord-diagram-cross-team-collaboration.json", "designJson": "https://design-vault.pages.dev/ai/designs/chord-diagram-cross-team-collaboration.json" } }, { "id": "design:closing-decision-request", "slug": "closing-decision-request", "kind": "artboard", "title": { "ja": "締めの 1 枚 — お願いする判断を期限つきで 3 件だけ", "en": "Closing Slide — Three Decisions, Each With a Date" }, "summary": { "ja": "中央寄せで判断を 3 件だけ並べる。各件に期限と、遅れた場合に何が動くかを添える", "en": "Three asks, centred — each with its deadline and what moves if the deadline slips" }, "useCases": [ "summary" ], "layoutKinds": [ "centered" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [ "problem-solution-3step", "agenda-numbered-sections", "appendix-index-grid" ], "urls": { "ja": "https://design-vault.pages.dev/designs/closing-decision-request", "en": "https://design-vault.pages.dev/en/designs/closing-decision-request", "json": "https://design-vault.pages.dev/ai/assets/closing-decision-request.json", "designJson": "https://design-vault.pages.dev/ai/designs/closing-decision-request.json" } }, { "id": "design:coastal-aquifer-well-siting-section", "slug": "coastal-aquifer-well-siting-section", "kind": "artboard", "title": { "ja": "海岸井戸の位置 — 塩水化を避ける断面", "en": "Coastal Well Siting — A Section Through the Saltwater Wedge" }, "summary": { "ja": "地下水の淡水域と塩水くさびを断面で描き、内陸側と海岸側の取水候補を比較する", "en": "Compare inland and coastal well positions against a conceptual freshwater zone and saltwater wedge" }, "useCases": [ "problem-solution" ], "layoutKinds": [ "annotated" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/coastal-aquifer-well-siting-section", "en": "https://design-vault.pages.dev/en/designs/coastal-aquifer-well-siting-section", "json": "https://design-vault.pages.dev/ai/assets/coastal-aquifer-well-siting-section.json", "designJson": "https://design-vault.pages.dev/ai/designs/coastal-aquifer-well-siting-section.json" } }, { "id": "design:comparison-before-after", "slug": "comparison-before-after", "kind": "artboard", "title": { "ja": "Before / After — 同じ行で左右を突き合わせる", "en": "Before / After — Paired on the Same Row" }, "summary": { "ja": "変わるものだけを 4 行に絞り、左右を同じ行で比べさせる", "en": "Only what changes, in four rows, each pairing the two sides on one line" }, "useCases": [ "comparison", "problem-solution" ], "layoutKinds": [ "2-column" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [ "comparison-table-single-fill", "matrix-2x2-priority-plot", "problem-solution-3step" ], "urls": { "ja": "https://design-vault.pages.dev/designs/comparison-before-after", "en": "https://design-vault.pages.dev/en/designs/comparison-before-after", "json": "https://design-vault.pages.dev/ai/assets/comparison-before-after.json", "designJson": "https://design-vault.pages.dev/ai/designs/comparison-before-after.json" } }, { "id": "design:comparison-table-single-fill", "slug": "comparison-table-single-fill", "kind": "artboard", "title": { "ja": "機能比較表 — 1 列だけ塗る", "en": "Feature Matrix — One Column Filled" }, "summary": { "ja": "縦罫を持たない比較表。塗るのは 1 列だけで、視線を横に流す", "en": "A comparison table with no vertical rules, filling exactly one column" }, "useCases": [ "comparison", "pricing" ], "layoutKinds": [ "table" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [ "pricing-3col-center-emphasis" ], "urls": { "ja": "https://design-vault.pages.dev/designs/comparison-table-single-fill", "en": "https://design-vault.pages.dev/en/designs/comparison-table-single-fill", "json": "https://design-vault.pages.dev/ai/assets/comparison-table-single-fill.json", "designJson": "https://design-vault.pages.dev/ai/designs/comparison-table-single-fill.json" } }, { "id": "design:concentric-scope-rings", "slug": "concentric-scope-rings", "kind": "artboard", "title": { "ja": "今回の範囲 — 広い順に 3 つ、着手するのは中心だけ", "en": "This Round's Scope — Three Rings Wide to Narrow, Only the Centre Starts" }, "summary": { "ja": "同心円で範囲の入れ子を示す。外側ほど薄い 1 色の濃度で、3 つが別々の区分ではなく同じものの絞り込みであることを言う", "en": "Nested scope as concentric rings. One hue at three strengths, because the rings are not three categories but one thing narrowed twice" }, "useCases": [ "scope" ], "layoutKinds": [ "nested" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [ "venn-two-set-sweet-spot" ], "urls": { "ja": "https://design-vault.pages.dev/designs/concentric-scope-rings", "en": "https://design-vault.pages.dev/en/designs/concentric-scope-rings", "json": "https://design-vault.pages.dev/ai/assets/concentric-scope-rings.json", "designJson": "https://design-vault.pages.dev/ai/designs/concentric-scope-rings.json" } }, { "id": "design:connected-scatterplot-release-tradeoffs", "slug": "connected-scatterplot-release-tradeoffs", "kind": "artboard", "title": { "ja": "二指標の改善経路 — 一時的な後退後に右下へ進む", "en": "Two-Metric Improvement Path — A Temporary Reversal Before Progress" }, "summary": { "ja": "2つの独立指標を座標に置き、時点順に結ぶことで同時変化・折り返し・トレードオフを読むconnected scatterplot", "en": "A connected scatterplot places two independent measures on the axes and connects time-ordered observations to reveal reversals and tradeoffs." }, "useCases": [ "comparison", "comparison" ], "layoutKinds": [ "axis" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/connected-scatterplot-release-tradeoffs", "en": "https://design-vault.pages.dev/en/designs/connected-scatterplot-release-tradeoffs", "json": "https://design-vault.pages.dev/ai/assets/connected-scatterplot-release-tradeoffs.json", "designJson": "https://design-vault.pages.dev/ai/designs/connected-scatterplot-release-tradeoffs.json" } }, { "id": "design:contour-plot-latency-capacity-surface", "slug": "contour-plot-latency-capacity-surface", "kind": "artboard", "title": { "ja": "同時接続数とキャッシュ命中率 — 応答遅延の等値線", "en": "Concurrency and Cache Hit Rate — Latency Contours" }, "summary": { "ja": "連続する二変数応答面を等しいp95応答時間の境界線と内側の段階色で示すcontour plot", "en": "A contour plot encodes a continuous two-variable response surface with equal-p95-latency isolines and nested bands." }, "useCases": [ "comparison", "comparison" ], "layoutKinds": [ "axis" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/contour-plot-latency-capacity-surface", "en": "https://design-vault.pages.dev/en/designs/contour-plot-latency-capacity-surface", "json": "https://design-vault.pages.dev/ai/assets/contour-plot-latency-capacity-surface.json", "designJson": "https://design-vault.pages.dev/ai/designs/contour-plot-latency-capacity-surface.json" } }, { "id": "design:correlation-matrix-support-operations", "slug": "correlation-matrix-support-operations", "kind": "artboard", "title": { "ja": "応答時間と再訪率の関連が最も強い", "en": "Response Time and Repeat Visits Show the Strongest Relationship" }, "summary": { "ja": "サポート運用の5指標について相関係数を対称行列で示す。正負の方向と係数値を併記し、応答時間と再訪率の強い正の関連を読む", "en": "A symmetric correlation matrix for five support operations measures. Signs and coefficients accompany color so the strong positive relationship between response time and repeat visits can be read without treating it as causation." }, "useCases": [ "comparison", "kpi" ], "layoutKinds": [ "matrix" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/correlation-matrix-support-operations", "en": "https://design-vault.pages.dev/en/designs/correlation-matrix-support-operations", "json": "https://design-vault.pages.dev/ai/assets/correlation-matrix-support-operations.json", "designJson": "https://design-vault.pages.dev/ai/designs/correlation-matrix-support-operations.json" } }, { "id": "design:cover-a4-centered-subject", "slug": "cover-a4-centered-subject", "kind": "artboard", "title": { "ja": "1 枚企画書の表紙 — 件名を中央に据える", "en": "One-page Proposal Cover — Subject at the Center" }, "summary": { "ja": "濃地の A4 縦。件名を版面の中央に置き、差出人と日付だけを下端に沈める", "en": "A dark A4 portrait cover: the subject centered, sender and date sunk to the foot" }, "useCases": [ "cover" ], "layoutKinds": [ "centered" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [ "roadmap-4phase-band" ], "urls": { "ja": "https://design-vault.pages.dev/designs/cover-a4-centered-subject", "en": "https://design-vault.pages.dev/en/designs/cover-a4-centered-subject", "json": "https://design-vault.pages.dev/ai/assets/cover-a4-centered-subject.json", "designJson": "https://design-vault.pages.dev/ai/designs/cover-a4-centered-subject.json" } }, { "id": "design:cutover-runbook-timeline", "slug": "cutover-runbook-timeline", "kind": "artboard", "title": { "ja": "切替当日の手順 — 戻す判断の時刻を手順の中に置く", "en": "Cutover Runbook — The Rollback Call Has a Clock Time" }, "summary": { "ja": "濃地に時刻・作業・担当・備考の 4 列。切戻し判断の 1 行だけを塗り、当日いちばん重い決定を示す", "en": "Time, task, owner, note on a dark ground — with a fill on the one row where the rollback call is made" }, "useCases": [ "migration", "process" ], "layoutKinds": [ "timeline" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [ "wbs-gantt-six-phases", "phase-divider-step-rail", "status-report-rag-rows" ], "urls": { "ja": "https://design-vault.pages.dev/designs/cutover-runbook-timeline", "en": "https://design-vault.pages.dev/en/designs/cutover-runbook-timeline", "json": "https://design-vault.pages.dev/ai/assets/cutover-runbook-timeline.json", "designJson": "https://design-vault.pages.dev/ai/designs/cutover-runbook-timeline.json" } }, { "id": "design:cycle-four-stage-loop", "slug": "cycle-four-stage-loop", "kind": "artboard", "title": { "ja": "改善の 1 周 — 終わりが次の始まりになる 4 工程", "en": "One Turn of the Loop — Four Stages Where the End Becomes the Start" }, "summary": { "ja": "環に沿って 4 工程を並べ、矢が戻ることで「終わりが次の始まり」を示す。工程の色は変えず、順序だけに意味を持たせる", "en": "Four stages around a ring, with the arrow returning to where it began. The stages are not colour-coded — order is the only thing carrying meaning" }, "useCases": [ "process" ], "layoutKinds": [ "radial" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [ "donut-share-center-total" ], "urls": { "ja": "https://design-vault.pages.dev/designs/cycle-four-stage-loop", "en": "https://design-vault.pages.dev/en/designs/cycle-four-stage-loop", "json": "https://design-vault.pages.dev/ai/assets/cycle-four-stage-loop.json", "designJson": "https://design-vault.pages.dev/ai/designs/cycle-four-stage-loop.json" } }, { "id": "design:deck-cover-project-brief", "slug": "deck-cover-project-brief", "kind": "artboard", "title": { "ja": "案件資料の表紙 — 件名の下に発行情報を並べる", "en": "Project Deck Cover — Subject Above the Issue Record" }, "summary": { "ja": "16:9 の濃地。件名を左に据え、提出先・提出日・文書番号・作成を下端に 4 つ固定で並べる", "en": "A dark 16:9 cover: the subject at left, with four fixed issue fields along the foot" }, "useCases": [ "cover" ], "layoutKinds": [ "stack" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [ "cover-a4-centered-subject", "agenda-numbered-sections", "phase-divider-step-rail" ], "urls": { "ja": "https://design-vault.pages.dev/designs/deck-cover-project-brief", "en": "https://design-vault.pages.dev/en/designs/deck-cover-project-brief", "json": "https://design-vault.pages.dev/ai/assets/deck-cover-project-brief.json", "designJson": "https://design-vault.pages.dev/ai/designs/deck-cover-project-brief.json" } }, { "id": "design:defect-severity-status-matrix", "slug": "defect-severity-status-matrix", "kind": "artboard", "title": { "ja": "品質状況 — 残件の合計ではなく、出荷を止める区画を読む", "en": "Defect Status — Read the Blocking Cell, Not the Total" }, "summary": { "ja": "重要度 × 状態の平面に件数を置き、未解決と完了の間を太い罫で分ける。最上位の行だけを塗り、推移は下端に 4 本", "en": "Counts on a severity-by-state plane, unresolved split from done by one heavy rule, the top row filled, the trend at the foot" }, "useCases": [ "testing", "status" ], "layoutKinds": [ "matrix" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [ "test-v-model-paired", "status-report-rag-rows", "requirements-response-table" ], "urls": { "ja": "https://design-vault.pages.dev/designs/defect-severity-status-matrix", "en": "https://design-vault.pages.dev/en/designs/defect-severity-status-matrix", "json": "https://design-vault.pages.dev/ai/assets/defect-severity-status-matrix.json", "designJson": "https://design-vault.pages.dev/ai/designs/defect-severity-status-matrix.json" } }, { "id": "design:donut-share-center-total", "slug": "donut-share-center-total", "kind": "artboard", "title": { "ja": "問い合わせの内訳 — 半分近くが「使い方が分からない」", "en": "Support Mix — Nearly Half Is “I Can't Find How”" }, "summary": { "ja": "4 区分のドーナツ。輪の角度で構成比を、中心の数字で母数を同時に示し、割合だけを見て母数を忘れる読み方を防ぐ", "en": "A four-part donut: the ring carries the shares and the centre carries the total, so a percentage is never read without the number it is a percentage of" }, "useCases": [ "kpi" ], "layoutKinds": [ "radial" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [ "waffle-one-in-hundred", "venn-two-set-sweet-spot" ], "urls": { "ja": "https://design-vault.pages.dev/designs/donut-share-center-total", "en": "https://design-vault.pages.dev/en/designs/donut-share-center-total", "json": "https://design-vault.pages.dev/ai/assets/donut-share-center-total.json", "designJson": "https://design-vault.pages.dev/ai/designs/donut-share-center-total.json" } }, { "id": "design:entity-relationship-order-schema", "slug": "entity-relationship-order-schema", "kind": "artboard", "title": { "ja": "注文データの関係 — 注文明細が商品と注文を結ぶ", "en": "Order Data Relationships — Order Lines Connect Products and Orders" }, "summary": { "ja": "エンティティ枠内の主キー・外部キーとcrow's footで、注文データの参照先と1対多の制約を示すER図", "en": "An ER diagram uses primary/foreign keys and crow's-foot cardinality to show references and one-to-many relationships in order data." }, "useCases": [ "architecture", "comparison" ], "layoutKinds": [ "network" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/entity-relationship-order-schema", "en": "https://design-vault.pages.dev/en/designs/entity-relationship-order-schema", "json": "https://design-vault.pages.dev/ai/assets/entity-relationship-order-schema.json", "designJson": "https://design-vault.pages.dev/ai/designs/entity-relationship-order-schema.json" } }, { "id": "design:equation-driver-formula", "slug": "equation-driver-formula", "kind": "artboard", "title": { "ja": "売上の分解 — 今期に動かせるのは頻度だけ", "en": "Revenue, Decomposed — Only One Factor Is Reachable This Half" }, "summary": { "ja": "恒等式を版面の主役に据え、項ごとに「何がそれを動かすか」と前期比を添える。強調するのは今期に手が届く 1 項だけ", "en": "An identity as the whole slide: each factor carries what moves it and how it shifted, and only the one factor reachable this half is emphasised" }, "useCases": [ "kpi" ], "layoutKinds": [ "centered" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [ "donut-share-center-total", "waffle-one-in-hundred" ], "urls": { "ja": "https://design-vault.pages.dev/designs/equation-driver-formula", "en": "https://design-vault.pages.dev/en/designs/equation-driver-formula", "json": "https://design-vault.pages.dev/ai/assets/equation-driver-formula.json", "designJson": "https://design-vault.pages.dev/ai/designs/equation-driver-formula.json" } }, { "id": "design:espresso-dial-in-extraction-curves", "slug": "espresso-dial-in-extraction-curves", "kind": "artboard", "title": { "ja": "挽き目を一段細かく — 36gを28秒で抽出", "en": "One Step Finer — Pull 36g in 28 Seconds" }, "summary": { "ja": "豆量と目標量を固定し、挽き目を一段変えた前後のエスプレッソ抽出カーブを比較する", "en": "Compare espresso extraction curves before and after one grind adjustment, with dose and target yield held constant" }, "useCases": [ "comparison" ], "layoutKinds": [ "2-column" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/espresso-dial-in-extraction-curves", "en": "https://design-vault.pages.dev/en/designs/espresso-dial-in-extraction-curves", "json": "https://design-vault.pages.dev/ai/assets/espresso-dial-in-extraction-curves.json", "designJson": "https://design-vault.pages.dev/ai/designs/espresso-dial-in-extraction-curves.json" } }, { "id": "design:estimate-breakdown-by-phase", "slug": "estimate-breakdown-by-phase", "kind": "artboard", "title": { "ja": "見積の内訳 — 総額より先に構成比を読ませる", "en": "Estimate Breakdown — Share of Cost Before the Total" }, "summary": { "ja": "工程別の金額を幅比例の帯で積み、その下に人月・単価・金額・構成比の表。前提と変動要因を同じ面に置く", "en": "Phases stacked in proportion, then a table of effort, rate, amount and share — with the assumptions on the same page" }, "useCases": [ "pricing", "summary" ], "layoutKinds": [ "waterfall" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [ "pricing-3col-center-emphasis", "wbs-gantt-six-phases", "scope-in-out-two-fields" ], "urls": { "ja": "https://design-vault.pages.dev/designs/estimate-breakdown-by-phase", "en": "https://design-vault.pages.dev/en/designs/estimate-breakdown-by-phase", "json": "https://design-vault.pages.dev/ai/assets/estimate-breakdown-by-phase.json", "designJson": "https://design-vault.pages.dev/ai/designs/estimate-breakdown-by-phase.json" } }, { "id": "design:estimate-breakdown-table", "slug": "estimate-breakdown-table", "kind": "artboard", "title": { "ja": "見積の内訳 — 合計行だけを立てる", "en": "Estimate Breakdown — Only the Total Stands Up" }, "summary": { "ja": "6 項目の内訳と合計。金額列は右揃えの等幅で、読み手が足し算を検算できる", "en": "Six line items and a total, the amounts right-aligned and tabular so the sum can be checked" }, "useCases": [ "pricing" ], "layoutKinds": [ "table" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [ "pricing-3col-center-emphasis", "offering-grid-six-cards" ], "urls": { "ja": "https://design-vault.pages.dev/designs/estimate-breakdown-table", "en": "https://design-vault.pages.dev/en/designs/estimate-breakdown-table", "json": "https://design-vault.pages.dev/ai/assets/estimate-breakdown-table.json", "designJson": "https://design-vault.pages.dev/ai/designs/estimate-breakdown-table.json" } }, { "id": "design:event-study-pilot-store-incremental-sales", "slug": "event-study-pilot-store-incremental-sales", "kind": "artboard", "title": { "ja": "試験店の導入効果 — 比較店との差は導入後に広がる", "en": "Pilot Store Lift — The Gap from Matched Stores Widens After Launch" }, "summary": { "ja": "介入前の平行推移と比較群からの反実仮想を重ね、施策導入後の差の差を時系列で読むイベントスタディ", "en": "An event study compares pre-launch trends and a comparison-based counterfactual to estimate post-launch lift." }, "useCases": [ "comparison", "comparison" ], "layoutKinds": [ "axis" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/event-study-pilot-store-incremental-sales", "en": "https://design-vault.pages.dev/en/designs/event-study-pilot-store-incremental-sales", "json": "https://design-vault.pages.dev/ai/assets/event-study-pilot-store-incremental-sales.json", "designJson": "https://design-vault.pages.dev/ai/designs/event-study-pilot-store-incremental-sales.json" } }, { "id": "design:fishbone-cause-categories", "slug": "fishbone-cause-categories", "kind": "artboard", "title": { "ja": "納期が遅れる要因 — 4 つに分けて、手が届くものを選ぶ", "en": "Why the Date Slips — Four Categories, Then Pick What You Can Reach" }, "summary": { "ja": "背骨に向かう枝が原因の分類。分類を先に固定することで、思いついた順が原因の構造に見えるのを防ぐ", "en": "Branches feeding a spine, one per category. Fixing the categories in advance stops the order things were mentioned in from looking like the structure of the problem" }, "useCases": [ "problem-solution" ], "layoutKinds": [ "tree" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [ "iceberg-visible-hidden", "maturity-staircase-now-target" ], "urls": { "ja": "https://design-vault.pages.dev/designs/fishbone-cause-categories", "en": "https://design-vault.pages.dev/en/designs/fishbone-cause-categories", "json": "https://design-vault.pages.dev/ai/assets/fishbone-cause-categories.json", "designJson": "https://design-vault.pages.dev/ai/designs/fishbone-cause-categories.json" } }, { "id": "design:funnel-four-stage-dropoff", "slug": "funnel-four-stage-dropoff", "kind": "artboard", "title": { "ja": "ファネル 4 段 — 落ちる場所を 1 つだけ指す", "en": "Four-Stage Funnel — One Place Where It Leaks" }, "summary": { "ja": "帯の長さが残存数。段ごとに色を変えず、詰まっている 1 段だけを塗る", "en": "Bar length is what remains; only the stage that clogs takes a fill" }, "useCases": [ "kpi", "process" ], "layoutKinds": [ "funnel" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [ "process-flow-five-step", "kpi-hero-single-figure", "waterfall-variance-bridge" ], "urls": { "ja": "https://design-vault.pages.dev/designs/funnel-four-stage-dropoff", "en": "https://design-vault.pages.dev/en/designs/funnel-four-stage-dropoff", "json": "https://design-vault.pages.dev/ai/assets/funnel-four-stage-dropoff.json", "designJson": "https://design-vault.pages.dev/ai/designs/funnel-four-stage-dropoff.json" } }, { "id": "design:gantt-quarter-bands", "slug": "gantt-quarter-bands", "kind": "artboard", "title": { "ja": "ガント — 帯の長さが期間、ずれが依存", "en": "Gantt — Length Is Duration, Offset Is Dependency" }, "summary": { "ja": "四半期の目盛に 6 本の帯。日付は帯の中ではなく見出しに置く", "en": "Six bars against quarter gridlines, with the dates in the label column rather than the bar" }, "useCases": [ "roadmap" ], "layoutKinds": [ "gantt" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [ "roadmap-4phase-band", "timeline-vertical-milestones", "schedule-table-weekly" ], "urls": { "ja": "https://design-vault.pages.dev/designs/gantt-quarter-bands", "en": "https://design-vault.pages.dev/en/designs/gantt-quarter-bands", "json": "https://design-vault.pages.dev/ai/assets/gantt-quarter-bands.json", "designJson": "https://design-vault.pages.dev/ai/designs/gantt-quarter-bands.json" } }, { "id": "design:hexbin-plot-delivery-delay-density", "slug": "hexbin-plot-delivery-delay-density", "kind": "artboard", "title": { "ja": "配達遅延の集中 — 30〜50km・2〜3日帯に密度", "en": "Delivery Delay Density — Counts Concentrate at 30–50 km and 2–3 Days" }, "summary": { "ja": "大量の二変量記録を等面積の六角形ビンへ集約し、距離と遅延日数の組み合わせごとに件数密度を色で示す", "en": "Aggregate bivariate records into equal-area hexagonal bins and color each distance-delay region by count density." }, "useCases": [ "comparison", "status" ], "layoutKinds": [ "axis" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/hexbin-plot-delivery-delay-density", "en": "https://design-vault.pages.dev/en/designs/hexbin-plot-delivery-delay-density", "json": "https://design-vault.pages.dev/ai/assets/hexbin-plot-delivery-delay-density.json", "designJson": "https://design-vault.pages.dev/ai/designs/hexbin-plot-delivery-delay-density.json" } }, { "id": "design:horizon-chart-weekly-support-deviations", "slug": "horizon-chart-weekly-support-deviations", "kind": "artboard", "title": { "ja": "週次件数の振れ — 決済APIに最大−11件の谷", "en": "Weekly Volume Deviations — Payment API Falls 11 Below Baseline" }, "summary": { "ja": "正負の偏差を方向別の色で折り畳み、同じ小さな高さに絶対偏差帯を積んで長い時系列を比較するホライズンチャート", "en": "A horizon chart folds positive and negative deviations into compact strips, using hue for direction and bands for magnitude." }, "useCases": [ "status", "comparison" ], "layoutKinds": [ "timeline" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/horizon-chart-weekly-support-deviations", "en": "https://design-vault.pages.dev/en/designs/horizon-chart-weekly-support-deviations", "json": "https://design-vault.pages.dev/ai/assets/horizon-chart-weekly-support-deviations.json", "designJson": "https://design-vault.pages.dev/ai/designs/horizon-chart-weekly-support-deviations.json" } }, { "id": "design:iceberg-visible-hidden", "slug": "iceberg-visible-hidden", "kind": "artboard", "title": { "ja": "見えている事象と、その下の 3 層 — 手を入れる場所は下にしかない", "en": "The Event and the Three Layers Beneath It — Only the Lower Two Can Be Changed" }, "summary": { "ja": "4 層の氷山。深いほど広く上の層を含むので、色ではなく濃度で深さを示し、層ごとに「そこで答える問い」を置く", "en": "A four-layer iceberg. Each deeper layer is wider and contains the one above, so depth is shown by strength rather than hue, and every layer carries the question it answers" }, "useCases": [ "problem-solution" ], "layoutKinds": [ "nested" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [ "concentric-scope-rings", "maturity-staircase-now-target" ], "urls": { "ja": "https://design-vault.pages.dev/designs/iceberg-visible-hidden", "en": "https://design-vault.pages.dev/en/designs/iceberg-visible-hidden", "json": "https://design-vault.pages.dev/ai/assets/iceberg-visible-hidden.json", "designJson": "https://design-vault.pages.dev/ai/designs/iceberg-visible-hidden.json" } }, { "id": "design:kpi-dark-three-figures", "slug": "kpi-dark-three-figures", "kind": "artboard", "title": { "ja": "暗地に数値 3 本 — 決算・KPI 向け", "en": "Three Figures on a Dark Ground" }, "summary": { "ja": "同じ大きさの数値を 3 本並べる。増減は色でなく符号と太さで示す", "en": "Three figures at one size; gain and loss shown by sign and weight, not color" }, "useCases": [ "kpi" ], "layoutKinds": [ "3-column" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [ "case-study-2col-single-figure" ], "urls": { "ja": "https://design-vault.pages.dev/designs/kpi-dark-three-figures", "en": "https://design-vault.pages.dev/en/designs/kpi-dark-three-figures", "json": "https://design-vault.pages.dev/ai/assets/kpi-dark-three-figures.json", "designJson": "https://design-vault.pages.dev/ai/designs/kpi-dark-three-figures.json" } }, { "id": "design:kpi-grid-four-deltas", "slug": "kpi-grid-four-deltas", "kind": "artboard", "title": { "ja": "指標 4 枚 — 増減を符号と推移で、色では言わない", "en": "Four Metrics — Change Read From Sign and Trend, Not Colour" }, "summary": { "ja": "4 指標を同格の 2×2 に置く。下がってよい指標が混ざるので、良し悪しを色で塗り分けない", "en": "Four equal cards in a 2×2 grid, uncoloured because some metrics are meant to fall" }, "useCases": [ "kpi" ], "layoutKinds": [ "grid" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [ "kpi-dark-three-figures", "kpi-hero-single-figure", "waterfall-variance-bridge" ], "urls": { "ja": "https://design-vault.pages.dev/designs/kpi-grid-four-deltas", "en": "https://design-vault.pages.dev/en/designs/kpi-grid-four-deltas", "json": "https://design-vault.pages.dev/ai/assets/kpi-grid-four-deltas.json", "designJson": "https://design-vault.pages.dev/ai/designs/kpi-grid-four-deltas.json" } }, { "id": "design:kpi-hero-single-figure", "slug": "kpi-hero-single-figure", "kind": "artboard", "title": { "ja": "数値 1 本 — 1 つの指標だけを主役にする", "en": "Single Figure — One Metric Carries the Page" }, "summary": { "ja": "指標を 1 つに絞った報告。数値の隣に 4 年ぶんの推移を置き、単発の値と区別させる", "en": "One metric only, with four years of history beside it so the value is not read as a fluke" }, "useCases": [ "kpi" ], "layoutKinds": [ "centered" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [ "kpi-dark-three-figures", "kpi-grid-four-deltas", "waterfall-variance-bridge" ], "urls": { "ja": "https://design-vault.pages.dev/designs/kpi-hero-single-figure", "en": "https://design-vault.pages.dev/en/designs/kpi-hero-single-figure", "json": "https://design-vault.pages.dev/ai/assets/kpi-hero-single-figure.json", "designJson": "https://design-vault.pages.dev/ai/designs/kpi-hero-single-figure.json" } }, { "id": "design:latin-square-subject-rotation", "slug": "latin-square-subject-rotation", "kind": "artboard", "title": { "ja": "件名A〜Dを公平に比べる — 顧客層と配信枠の偏りを抑える", "en": "Compare Subject Lines Fairly — Balance Audience Groups and Send Times" }, "summary": { "ja": "顧客層4つと配信枠4つの各組み合わせに件名A〜Dを1つずつ割り当てる。行と列の両方で4案が揃うため、特定の案が特定の層や時刻に偏るのを防ぐ", "en": "Assign subject lines A–D once across every combination of four audience groups and four send windows. Each line appears once in every row and column, preventing audience or timing bias from favoring one variant." }, "useCases": [ "comparison", "testing" ], "layoutKinds": [ "matrix" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/latin-square-subject-rotation", "en": "https://design-vault.pages.dev/en/designs/latin-square-subject-rotation", "json": "https://design-vault.pages.dev/ai/assets/latin-square-subject-rotation.json", "designJson": "https://design-vault.pages.dev/ai/designs/latin-square-subject-rotation.json" } }, { "id": "design:lorenz-curve-household-income-share", "slug": "lorenz-curve-household-income-share", "kind": "artboard", "title": { "ja": "世帯所得の分布 — 上位20%が所得の半分を占める", "en": "Household Income Distribution — The Top 20% Receives Half" }, "summary": { "ja": "Lorenz曲線で、所得順の累積世帯比と累積所得比を比較する。完全平等線からの距離が、分布の偏りを示す", "en": "A Lorenz curve compares cumulative household share with cumulative income share. Its distance from the line of equality shows how unevenly income is distributed." }, "useCases": [ "comparison" ], "layoutKinds": [ "axis" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/lorenz-curve-household-income-share", "en": "https://design-vault.pages.dev/en/designs/lorenz-curve-household-income-share", "json": "https://design-vault.pages.dev/ai/assets/lorenz-curve-household-income-share.json", "designJson": "https://design-vault.pages.dev/ai/designs/lorenz-curve-household-income-share.json" } }, { "id": "design:matrix-2x2-priority-plot", "slug": "matrix-2x2-priority-plot", "kind": "artboard", "title": { "ja": "2 軸マトリクス — 位置そのものを読ませる", "en": "Two-by-Two — Position Itself Is the Message" }, "summary": { "ja": "効果と労力で候補を置き、着手する 2 件だけを塗る。象限は塗り分けない", "en": "Candidates placed by impact and effort, with only the two to start filled in" }, "useCases": [ "prioritization", "comparison" ], "layoutKinds": [ "matrix" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [ "comparison-table-single-fill", "comparison-before-after", "offering-grid-six-cards" ], "urls": { "ja": "https://design-vault.pages.dev/designs/matrix-2x2-priority-plot", "en": "https://design-vault.pages.dev/en/designs/matrix-2x2-priority-plot", "json": "https://design-vault.pages.dev/ai/assets/matrix-2x2-priority-plot.json", "designJson": "https://design-vault.pages.dev/ai/designs/matrix-2x2-priority-plot.json" } }, { "id": "design:maturity-staircase-now-target", "slug": "maturity-staircase-now-target", "kind": "artboard", "title": { "ja": "運用の成熟度 — いま 2 段目、1 年後に 4 段目", "en": "Operational Maturity — Level Two Today, Level Four in a Year" }, "summary": { "ja": "5 段の階段。段の高さが水準で、現在地と目標を印で置く。段ごとに「満たしたと言える条件」を書き、自己申告にならないようにする", "en": "Five rising steps. Height is the level, two markers say where we are and where we are going, and each step carries the condition that makes it true" }, "useCases": [ "status" ], "layoutKinds": [ "axis" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [ "spectrum-two-poles" ], "urls": { "ja": "https://design-vault.pages.dev/designs/maturity-staircase-now-target", "en": "https://design-vault.pages.dev/en/designs/maturity-staircase-now-target", "json": "https://design-vault.pages.dev/ai/assets/maturity-staircase-now-target.json", "designJson": "https://design-vault.pages.dev/ai/designs/maturity-staircase-now-target.json" } }, { "id": "design:metro-schematic-commuter-reliability", "slug": "metro-schematic-commuter-reliability", "kind": "artboard", "title": { "ja": "空港から中央駅 — 青線が最も安定", "en": "Airport to Central — The Blue Line Is Most Reliable" }, "summary": { "ja": "接続関係を保った模式路線図で、空港から中央駅への3経路を所要時間と定時率で比べる", "en": "A schematic rail map preserves station connections while comparing three airport-to-central routes by travel time and on-time rate." }, "useCases": [ "comparison" ], "layoutKinds": [ "map" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/metro-schematic-commuter-reliability", "en": "https://design-vault.pages.dev/en/designs/metro-schematic-commuter-reliability", "json": "https://design-vault.pages.dev/ai/assets/metro-schematic-commuter-reliability.json", "designJson": "https://design-vault.pages.dev/ai/designs/metro-schematic-commuter-reliability.json" } }, { "id": "design:next-action-owner-date", "slug": "next-action-owner-date", "kind": "artboard", "title": { "ja": "次の一手 — 誰が・いつまでに・何を", "en": "Next Action — Who, By When, What" }, "summary": { "ja": "持ち帰る宿題を 3 件に絞り、相手にご判断いただく 1 件だけを塗る", "en": "Three take-aways only, with the one that needs their decision filled in" }, "useCases": [ "next-action", "summary" ], "layoutKinds": [ "3-column" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [ "statement-one-sentence", "org-tree-three-tiers", "agenda-numbered-two-column" ], "urls": { "ja": "https://design-vault.pages.dev/designs/next-action-owner-date", "en": "https://design-vault.pages.dev/en/designs/next-action-owner-date", "json": "https://design-vault.pages.dev/ai/assets/next-action-owner-date.json", "designJson": "https://design-vault.pages.dev/ai/designs/next-action-owner-date.json" } }, { "id": "design:offering-grid-six-cards", "slug": "offering-grid-six-cards", "kind": "artboard", "title": { "ja": "提供範囲 6 区画 — 網羅を見せ、順位をつけない", "en": "Offering Grid — Coverage Without Ranking" }, "summary": { "ja": "同じ大きさの 6 区画で扱う範囲を示し、本提案に含む 4 区画を罫で囲う", "en": "Six equal cells showing the scope, with the four in this proposal outlined" }, "useCases": [ "offering" ], "layoutKinds": [ "grid" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [ "pricing-3col-center-emphasis", "estimate-breakdown-table", "matrix-2x2-priority-plot" ], "urls": { "ja": "https://design-vault.pages.dev/designs/offering-grid-six-cards", "en": "https://design-vault.pages.dev/en/designs/offering-grid-six-cards", "json": "https://design-vault.pages.dev/ai/assets/offering-grid-six-cards.json", "designJson": "https://design-vault.pages.dev/ai/designs/offering-grid-six-cards.json" } }, { "id": "design:org-tree-three-tiers", "slug": "org-tree-three-tiers", "kind": "artboard", "title": { "ja": "体制図 3 階層 — 意思決定の線だけを引く", "en": "Org Tree — Only the Decision Path Is Drawn" }, "summary": { "ja": "決裁の経路だけを線にした体制図。日々の相談はこの線を通らないと明記する", "en": "A structure chart whose lines are decisions only, stating that daily work bypasses them" }, "useCases": [ "org" ], "layoutKinds": [ "tree" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [ "stakeholder-network-hub", "next-action-owner-date", "timeline-vertical-milestones" ], "urls": { "ja": "https://design-vault.pages.dev/designs/org-tree-three-tiers", "en": "https://design-vault.pages.dev/en/designs/org-tree-three-tiers", "json": "https://design-vault.pages.dev/ai/assets/org-tree-three-tiers.json", "designJson": "https://design-vault.pages.dev/ai/designs/org-tree-three-tiers.json" } }, { "id": "design:phase-divider-step-rail", "slug": "phase-divider-step-rail", "kind": "artboard", "title": { "ja": "工程の中扉 — 全工程の並びの上に現在地を打つ", "en": "Phase Divider — The Whole Process, With a Mark on Now" }, "summary": { "ja": "濃地の中扉。章番号と章名を中央に置き、下端に全 7 工程を等幅で並べて現在地だけを罫で示す", "en": "A dark divider: the section at centre, seven equal phases along the foot with only the current one ruled" }, "useCases": [ "section-divider", "roadmap" ], "layoutKinds": [ "timeline" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [ "roadmap-4phase-band", "deck-cover-project-brief", "wbs-gantt-six-phases" ], "urls": { "ja": "https://design-vault.pages.dev/designs/phase-divider-step-rail", "en": "https://design-vault.pages.dev/en/designs/phase-divider-step-rail", "json": "https://design-vault.pages.dev/ai/assets/phase-divider-step-rail.json", "designJson": "https://design-vault.pages.dev/ai/designs/phase-divider-step-rail.json" } }, { "id": "design:polar-area-chart-support-ticket-mix", "slug": "polar-area-chart-support-ticket-mix", "kind": "artboard", "title": { "ja": "問い合わせの内訳 — 応答遅延が最多64件", "en": "Support Ticket Mix — Response Delay Leads with 64 Cases" }, "summary": { "ja": "各カテゴリを等角度の扇形に割り当て、半径の二乗で面積を件数に比例させるpolar area chart", "en": "A polar area chart gives categories equal angles and scales sector area with the square of radius so area is proportional to count." }, "useCases": [ "comparison", "comparison" ], "layoutKinds": [ "radial" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/polar-area-chart-support-ticket-mix", "en": "https://design-vault.pages.dev/en/designs/polar-area-chart-support-ticket-mix", "json": "https://design-vault.pages.dev/ai/assets/polar-area-chart-support-ticket-mix.json", "designJson": "https://design-vault.pages.dev/ai/designs/polar-area-chart-support-ticket-mix.json" } }, { "id": "design:population-pyramid-age-structure", "slug": "population-pyramid-age-structure", "kind": "artboard", "title": { "ja": "人口構成 — 働き手世代が過半を占める", "en": "Population Structure — Working-Age Adults Make Up a Majority" }, "summary": { "ja": "男女の人口比を中央から左右へ同じ尺度で伸ばす人口ピラミッド。年齢層の幅で面積を誤読させず、男女差と総人口比を読む", "en": "A population pyramid with men and women extending from a shared centre on matching scales. It shows age and sex shares without inviting area comparisons across unequal age bands." }, "useCases": [ "kpi", "comparison" ], "layoutKinds": [ "axis" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/population-pyramid-age-structure", "en": "https://design-vault.pages.dev/en/designs/population-pyramid-age-structure", "json": "https://design-vault.pages.dev/ai/assets/population-pyramid-age-structure.json", "designJson": "https://design-vault.pages.dev/ai/designs/population-pyramid-age-structure.json" } }, { "id": "design:pricing-3col-center-emphasis", "slug": "pricing-3col-center-emphasis", "kind": "artboard", "title": { "ja": "3 段の料金プラン — 中央を強調", "en": "Three-tier Pricing — Center Emphasized" }, "summary": { "ja": "3 プランのうち中央だけを強調した料金表。強調の手段を 1 つに絞っている", "en": "A pricing table that emphasizes only the middle plan, using a single means" }, "useCases": [ "pricing", "comparison" ], "layoutKinds": [ "3-column" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [ "comparison-table-single-fill" ], "urls": { "ja": "https://design-vault.pages.dev/designs/pricing-3col-center-emphasis", "en": "https://design-vault.pages.dev/en/designs/pricing-3col-center-emphasis", "json": "https://design-vault.pages.dev/ai/assets/pricing-3col-center-emphasis.json", "designJson": "https://design-vault.pages.dev/ai/designs/pricing-3col-center-emphasis.json" } }, { "id": "design:problem-solution-3step", "slug": "problem-solution-3step", "kind": "artboard", "title": { "ja": "課題 → 打ち手 → 効果 の 3 段", "en": "Problem → Action → Effect, in Three Columns" }, "summary": { "ja": "等幅の 3 段で流れを示す。矢印を描かず、間隔と太さで順序を作る", "en": "Three equal columns carrying a sequence — spacing and weight instead of arrows" }, "useCases": [ "problem-solution", "summary" ], "layoutKinds": [ "3-column" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/problem-solution-3step", "en": "https://design-vault.pages.dev/en/designs/problem-solution-3step", "json": "https://design-vault.pages.dev/ai/assets/problem-solution-3step.json", "designJson": "https://design-vault.pages.dev/ai/designs/problem-solution-3step.json" } }, { "id": "design:process-flow-five-step", "slug": "process-flow-five-step", "kind": "artboard", "title": { "ja": "業務フロー 5 工程 — 待ち時間を工程と同じ幅で書く", "en": "Five-Step Flow — Waiting Drawn as Wide as Working" }, "summary": { "ja": "工程を等幅の箱で並べ、滞留している 1 工程だけを罫で立てる", "en": "Equal-width steps with a single rule marking the one where the work piles up" }, "useCases": [ "process" ], "layoutKinds": [ "flow" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [ "funnel-four-stage-dropoff", "schedule-table-weekly", "gantt-quarter-bands" ], "urls": { "ja": "https://design-vault.pages.dev/designs/process-flow-five-step", "en": "https://design-vault.pages.dev/en/designs/process-flow-five-step", "json": "https://design-vault.pages.dev/ai/assets/process-flow-five-step.json", "designJson": "https://design-vault.pages.dev/ai/designs/process-flow-five-step.json" } }, { "id": "design:qq-plot-response-time-distribution-shift", "slug": "qq-plot-response-time-distribution-shift", "kind": "artboard", "title": { "ja": "応答時間の分布変化 — 上位10%で長時間化", "en": "Response-Time Distribution Shift — Longer Tail Above the 90th Percentile" }, "summary": { "ja": "前後の同じ分位点を同一単位の二軸で対応させ、対角線からのずれで分布全体と裾の変化を読むQ–Q plot", "en": "A Q–Q plot compares corresponding quantiles on identical scales; distance from the equality line reveals distribution and tail shifts." }, "useCases": [ "comparison", "comparison" ], "layoutKinds": [ "axis" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/qq-plot-response-time-distribution-shift", "en": "https://design-vault.pages.dev/en/designs/qq-plot-response-time-distribution-shift", "json": "https://design-vault.pages.dev/ai/assets/qq-plot-response-time-distribution-shift.json", "designJson": "https://design-vault.pages.dev/ai/designs/qq-plot-response-time-distribution-shift.json" } }, { "id": "design:quote-testimonial-bleed", "slug": "quote-testimonial-bleed", "kind": "artboard", "title": { "ja": "引用 1 枚 — 明朝で言葉、ゴシックで出どころ", "en": "Testimonial — Mincho for the Words, Gothic for the Source" }, "summary": { "ja": "他人の言葉を明朝で組み、出どころだけをゴシックに落とす濃地の 1 枚", "en": "Someone else’s words set in mincho on a dark ground, the attribution dropped to gothic" }, "useCases": [ "quote", "case-study" ], "layoutKinds": [ "full-bleed" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [ "2026-04-17-monochrome-editorial-magazine", "case-study-2col-single-figure", "section-divider-number-bleed" ], "urls": { "ja": "https://design-vault.pages.dev/designs/quote-testimonial-bleed", "en": "https://design-vault.pages.dev/en/designs/quote-testimonial-bleed", "json": "https://design-vault.pages.dev/ai/assets/quote-testimonial-bleed.json", "designJson": "https://design-vault.pages.dev/ai/designs/quote-testimonial-bleed.json" } }, { "id": "design:radar-profile-now-target", "slug": "radar-profile-now-target", "kind": "artboard", "title": { "ja": "開発チームの力量 — 差が最も大きいのはテストの自動化", "en": "Team Capability — The Widest Gap Is Test Automation" }, "summary": { "ja": "5 軸のレーダー。現状と目標を同じ色の塗りと破線で重ね、どの観点で差が開いているかを形の違いとして読ませる", "en": "A five-axis radar. Now and target share one hue — fill against dashed outline — so the gap reads as a difference in shape rather than in colour" }, "useCases": [ "comparison", "status" ], "layoutKinds": [ "radial" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [ "maturity-staircase-now-target", "donut-share-center-total" ], "urls": { "ja": "https://design-vault.pages.dev/designs/radar-profile-now-target", "en": "https://design-vault.pages.dev/en/designs/radar-profile-now-target", "json": "https://design-vault.pages.dev/ai/assets/radar-profile-now-target.json", "designJson": "https://design-vault.pages.dev/ai/designs/radar-profile-now-target.json" } }, { "id": "design:reliability-block-single-queue", "slug": "reliability-block-single-queue", "kind": "artboard", "title": { "ja": "並列化した入口とワーカー — 単一キューが全経路を止める", "en": "Redundant Gateways and Workers — One Queue Stops Every Path" }, "summary": { "ja": "直列のキューと並列の入口・ワーカー群を故障経路図で示す。二重化した末端だけでは、共有する単一キューの停止に耐えない", "en": "A reliability block diagram with serial queueing and parallel gateway and worker groups. Duplicated endpoints cannot tolerate failure of the one shared queue." }, "useCases": [ "architecture", "testing" ], "layoutKinds": [ "flow" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/reliability-block-single-queue", "en": "https://design-vault.pages.dev/en/designs/reliability-block-single-queue", "json": "https://design-vault.pages.dev/ai/assets/reliability-block-single-queue.json", "designJson": "https://design-vault.pages.dev/ai/designs/reliability-block-single-queue.json" } }, { "id": "design:requirements-response-table", "slug": "requirements-response-table", "kind": "artboard", "title": { "ja": "要求一覧への回答 — 代替提案の行だけを塗る", "en": "Requirement Responses — Only the Alternative Is Filled" }, "summary": { "ja": "RFP の要求を 1 行ずつ立て、判定を 3 値に絞る。満たす行は塗らず、代替提案の 1 行だけを面にする", "en": "One row per requirement, a verdict limited to three values, and a fill reserved for the one alternative" }, "useCases": [ "requirements", "comparison" ], "layoutKinds": [ "table" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [ "comparison-table-single-fill", "scope-in-out-two-fields", "status-report-rag-rows" ], "urls": { "ja": "https://design-vault.pages.dev/designs/requirements-response-table", "en": "https://design-vault.pages.dev/en/designs/requirements-response-table", "json": "https://design-vault.pages.dev/ai/assets/requirements-response-table.json", "designJson": "https://design-vault.pages.dev/ai/designs/requirements-response-table.json" } }, { "id": "design:ridgeline-weekday-support-wait-distributions", "slug": "ridgeline-weekday-support-wait-distributions", "kind": "artboard", "title": { "ja": "曜日別サポート待ち時間 — 分布の幅と長い裾", "en": "Support Wait Distributions by Weekday — Spread and Long Tails" }, "summary": { "ja": "曜日ごとの待ち時間密度を共通横軸上に縦ずらしで並べ、位置・幅・複数ピークを比較するridgeline plot", "en": "A ridgeline plot offsets weekday wait-time densities vertically on a shared x-axis to compare location, spread, and modes." }, "useCases": [ "comparison", "comparison" ], "layoutKinds": [ "area" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/ridgeline-weekday-support-wait-distributions", "en": "https://design-vault.pages.dev/en/designs/ridgeline-weekday-support-wait-distributions", "json": "https://design-vault.pages.dev/ai/assets/ridgeline-weekday-support-wait-distributions.json", "designJson": "https://design-vault.pages.dev/ai/designs/ridgeline-weekday-support-wait-distributions.json" } }, { "id": "design:roadmap-4phase-band", "slug": "roadmap-4phase-band", "kind": "artboard", "title": { "ja": "四半期ロードマップ — 4 期を等幅の帯で", "en": "Quarterly Roadmap — Four Equal Bands" }, "summary": { "ja": "4 期を同じ幅の帯で並べ、現在地の 1 本だけを塗る。期の長さではなく順序を見せる", "en": "Four equal-width bands with only the current one filled — sequence, not duration" }, "useCases": [ "roadmap" ], "layoutKinds": [ "timeline" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [ "problem-solution-3step" ], "urls": { "ja": "https://design-vault.pages.dev/designs/roadmap-4phase-band", "en": "https://design-vault.pages.dev/en/designs/roadmap-4phase-band", "json": "https://design-vault.pages.dev/ai/assets/roadmap-4phase-band.json", "designJson": "https://design-vault.pages.dev/ai/designs/roadmap-4phase-band.json" } }, { "id": "design:schedule-table-weekly", "slug": "schedule-table-weekly", "kind": "artboard", "title": { "ja": "週次の進行表 — 行に曜日、列に担当", "en": "Weekly Schedule — Days Down, Owners Across" }, "summary": { "ja": "5 日 × 4 担当の進行表。締切の 1 行だけに地を敷く", "en": "Five days by four owners, with a ground laid under the deadline row only" }, "useCases": [ "process" ], "layoutKinds": [ "table" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [ "gantt-quarter-bands", "process-flow-five-step", "estimate-breakdown-table" ], "urls": { "ja": "https://design-vault.pages.dev/designs/schedule-table-weekly", "en": "https://design-vault.pages.dev/en/designs/schedule-table-weekly", "json": "https://design-vault.pages.dev/ai/assets/schedule-table-weekly.json", "designJson": "https://design-vault.pages.dev/ai/designs/schedule-table-weekly.json" } }, { "id": "design:scope-in-out-two-fields", "slug": "scope-in-out-two-fields", "kind": "artboard", "title": { "ja": "スコープの線引き — 対象と対象外を同じ大きさで並べる", "en": "Scope Boundary — In and Out at the Same Size" }, "summary": { "ja": "版面を等幅の 2 面に割り、対象を面で・対象外を罫で示す。合意するのは中身ではなく、間の線", "en": "Two equal fields — in on panels, out on rules. What gets agreed is the line between them" }, "useCases": [ "scope", "comparison" ], "layoutKinds": [ "2-column" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [ "requirements-response-table", "comparison-table-single-fill", "problem-solution-3step" ], "urls": { "ja": "https://design-vault.pages.dev/designs/scope-in-out-two-fields", "en": "https://design-vault.pages.dev/en/designs/scope-in-out-two-fields", "json": "https://design-vault.pages.dev/ai/assets/scope-in-out-two-fields.json", "designJson": "https://design-vault.pages.dev/ai/designs/scope-in-out-two-fields.json" } }, { "id": "design:seasonal-subseries-monthly-energy-demand", "slug": "seasonal-subseries-monthly-energy-demand", "kind": "artboard", "title": { "ja": "月別の電力需要 — 1月平均285、6月145kWh", "en": "Monthly Energy Demand — January Averages 285 kWh, June 145" }, "summary": { "ja": "同じ月に4年間の個別値を揃え、年を示す点と月平均の線で季節パターンと年次変化を読むseasonal subseries plot", "en": "A seasonal subseries plot aligns four years by month, showing individual year values and the monthly mean to reveal recurring seasonality and annual change." }, "useCases": [ "comparison", "comparison" ], "layoutKinds": [ "axis" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/seasonal-subseries-monthly-energy-demand", "en": "https://design-vault.pages.dev/en/designs/seasonal-subseries-monthly-energy-demand", "json": "https://design-vault.pages.dev/ai/assets/seasonal-subseries-monthly-energy-demand.json", "designJson": "https://design-vault.pages.dev/ai/designs/seasonal-subseries-monthly-energy-demand.json" } }, { "id": "design:section-divider-number-bleed", "slug": "section-divider-number-bleed", "kind": "artboard", "title": { "ja": "中扉 — 章番号を地に敷く", "en": "Section Divider — The Chapter Number as Ground" }, "summary": { "ja": "話題が変わったことだけを伝える 1 枚。章番号は版面の外へ逃がして図版にする", "en": "A page that says only that the subject changed, its chapter number bled off as artwork" }, "useCases": [ "section-divider" ], "layoutKinds": [ "full-bleed" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [ "title-slide-rule-under-subject", "statement-one-sentence", "quote-testimonial-bleed" ], "urls": { "ja": "https://design-vault.pages.dev/designs/section-divider-number-bleed", "en": "https://design-vault.pages.dev/en/designs/section-divider-number-bleed", "json": "https://design-vault.pages.dev/ai/assets/section-divider-number-bleed.json", "designJson": "https://design-vault.pages.dev/ai/designs/section-divider-number-bleed.json" } }, { "id": "design:sequence-diagram-idempotent-payment-authorization", "slug": "sequence-diagram-idempotent-payment-authorization", "kind": "artboard", "title": { "ja": "決済の重複与信を防ぐ — 同一キーなら保存済み結果を返す", "en": "Prevent Duplicate Authorizations — Reuse the Stored Result for an Idempotency Key" }, "summary": { "ja": "縦の時間順に参加者間の要求・応答を結び、与信前のキー照会と登録済み分岐の戻り先を示すシーケンス図", "en": "A sequence diagram connects requests and responses across participants in time order, showing the pre-authorization key check and duplicate branch." }, "useCases": [ "architecture", "requirements" ], "layoutKinds": [ "flow" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/sequence-diagram-idempotent-payment-authorization", "en": "https://design-vault.pages.dev/en/designs/sequence-diagram-idempotent-payment-authorization", "json": "https://design-vault.pages.dev/ai/assets/sequence-diagram-idempotent-payment-authorization.json", "designJson": "https://design-vault.pages.dev/ai/designs/sequence-diagram-idempotent-payment-authorization.json" } }, { "id": "design:settings-panel-single-accent", "slug": "settings-panel-single-accent", "kind": "artboard", "title": { "ja": "設定パネル — 状態に色を足さない", "en": "Settings Panel — No Extra Colour for State" }, "summary": { "ja": "入切も誤りも accent 1 色と罫の太さと文言で示す。赤も黄も足さない 480×640 の部品", "en": "On, off and invalid carried by one accent, rule weight and words — no red, no amber" }, "useCases": [ "settings" ], "layoutKinds": [ "stack" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [ "app-shell-single-tone" ], "urls": { "ja": "https://design-vault.pages.dev/designs/settings-panel-single-accent", "en": "https://design-vault.pages.dev/en/designs/settings-panel-single-accent", "json": "https://design-vault.pages.dev/ai/assets/settings-panel-single-accent.json", "designJson": "https://design-vault.pages.dev/ai/designs/settings-panel-single-accent.json" } }, { "id": "design:slopegraph-service-retention-shift", "slug": "slopegraph-service-retention-shift", "kind": "artboard", "title": { "ja": "継続率の逆転 — サポートが最下位から2位へ", "en": "Retention Rank Reversal — Support Rises from Last to Second" }, "summary": { "ja": "2時点の部門別指標を対応する傾斜線で結び、値の増減と順位の入れ替わりを同時に読むスロープグラフ", "en": "Connect department values across two snapshots to read change magnitude and rank reversals in a slopegraph." }, "useCases": [ "comparison", "comparison" ], "layoutKinds": [ "axis" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/slopegraph-service-retention-shift", "en": "https://design-vault.pages.dev/en/designs/slopegraph-service-retention-shift", "json": "https://design-vault.pages.dev/ai/assets/slopegraph-service-retention-shift.json", "designJson": "https://design-vault.pages.dev/ai/designs/slopegraph-service-retention-shift.json" } }, { "id": "design:specimen-sheet-derived-ramp", "slug": "specimen-sheet-derived-ramp", "kind": "artboard", "title": { "ja": "役割と階調 — 1 枚の見本帳", "en": "Roles and Ramp — A One-page Specimen" }, "summary": { "ja": "6 つの役割を 6 列に並べ、階調は accent から比率で引く。見本に値ではなく名前と比を書く", "en": "Six roles across six columns, with the ramp derived from the accent — labelled by name and ratio, never by value" }, "useCases": [ "design-system" ], "layoutKinds": [ "grid" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [ "settings-panel-single-accent" ], "urls": { "ja": "https://design-vault.pages.dev/designs/specimen-sheet-derived-ramp", "en": "https://design-vault.pages.dev/en/designs/specimen-sheet-derived-ramp", "json": "https://design-vault.pages.dev/ai/assets/specimen-sheet-derived-ramp.json", "designJson": "https://design-vault.pages.dev/ai/designs/specimen-sheet-derived-ramp.json" } }, { "id": "design:spectrum-two-poles", "slug": "spectrum-two-poles", "kind": "artboard", "title": { "ja": "内製と外注のあいだ — いま 7 割を外に出している", "en": "Between Build and Buy — Seventy Percent Is Outside Today" }, "summary": { "ja": "両極を端に置いた 1 本の軸。二者択一に見える問いを位置の問題に置き換え、1 年前の位置を並べて動いた向きを見せる", "en": "One scale with a pole at each end. A question that looks binary becomes a position, and last year's marker shows which way it moved" }, "useCases": [ "comparison", "prioritization" ], "layoutKinds": [ "axis" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [ "venn-two-set-sweet-spot" ], "urls": { "ja": "https://design-vault.pages.dev/designs/spectrum-two-poles", "en": "https://design-vault.pages.dev/en/designs/spectrum-two-poles", "json": "https://design-vault.pages.dev/ai/assets/spectrum-two-poles.json", "designJson": "https://design-vault.pages.dev/ai/designs/spectrum-two-poles.json" } }, { "id": "design:stacked-area-share-shift", "slug": "stacked-area-share-shift", "kind": "artboard", "title": { "ja": "契約の構成比の推移 — 2 年で主力が入れ替わった", "en": "Mix Over Time — The Mainstay Changed Hands in Two Years" }, "summary": { "ja": "帯の厚みが構成比、横が時間。合計を 100% に正規化し、入れ替わりと「動いていないもの」を同時に見せる", "en": "Band thickness is share, the horizontal is time. Normalised to 100%, so the handover and the band that never moved are read together" }, "useCases": [ "status" ], "layoutKinds": [ "timeline" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [ "donut-share-center-total", "treemap-budget-allocation" ], "urls": { "ja": "https://design-vault.pages.dev/designs/stacked-area-share-shift", "en": "https://design-vault.pages.dev/en/designs/stacked-area-share-shift", "json": "https://design-vault.pages.dev/ai/assets/stacked-area-share-shift.json", "designJson": "https://design-vault.pages.dev/ai/designs/stacked-area-share-shift.json" } }, { "id": "design:stakeholder-network-hub", "slug": "stakeholder-network-hub", "kind": "artboard", "title": { "ja": "関係図 — 階層を持たない繋がりを示す", "en": "Stakeholder Network — Connections Without a Hierarchy" }, "summary": { "ja": "7 者の関係を節と線で置き、説得の対象 1 者だけを塗る", "en": "Seven parties as nodes and edges, with only the one to persuade filled in" }, "useCases": [ "org" ], "layoutKinds": [ "network" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [ "org-tree-three-tiers", "matrix-2x2-priority-plot", "next-action-owner-date" ], "urls": { "ja": "https://design-vault.pages.dev/designs/stakeholder-network-hub", "en": "https://design-vault.pages.dev/en/designs/stakeholder-network-hub", "json": "https://design-vault.pages.dev/ai/assets/stakeholder-network-hub.json", "designJson": "https://design-vault.pages.dev/ai/designs/stakeholder-network-hub.json" } }, { "id": "design:statement-one-sentence", "slug": "statement-one-sentence", "kind": "artboard", "title": { "ja": "主張 1 枚 — 1 文だけを置く", "en": "Statement — One Sentence, Nothing Else" }, "summary": { "ja": "立場を 1 文で言い切る 1 枚。読点の位置で改行し、声に出す区切りと行を揃える", "en": "A single-sentence claim, broken at its commas so the lines match the spoken pauses" }, "useCases": [ "summary" ], "layoutKinds": [ "centered" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [ "section-divider-number-bleed", "title-slide-rule-under-subject", "next-action-owner-date" ], "urls": { "ja": "https://design-vault.pages.dev/designs/statement-one-sentence", "en": "https://design-vault.pages.dev/en/designs/statement-one-sentence", "json": "https://design-vault.pages.dev/ai/assets/statement-one-sentence.json", "designJson": "https://design-vault.pages.dev/ai/designs/statement-one-sentence.json" } }, { "id": "design:status-report-rag-rows", "slug": "status-report-rag-rows", "kind": "artboard", "title": { "ja": "進捗報告 — 信号の色を使わず、手当ての欄で危険を示す", "en": "Status Report — No Traffic Lights, a Remedy Column Instead" }, "summary": { "ja": "工程ごとに予定と実績を帯で重ね、状態は 3 語で書く。手を打つ必要がある 1 行だけを面にする", "en": "Plan and actual overlaid per phase, status in three words, and a fill on the single row that needs a decision" }, "useCases": [ "status", "kpi" ], "layoutKinds": [ "table" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [ "wbs-gantt-six-phases", "requirements-response-table", "kpi-dark-three-figures" ], "urls": { "ja": "https://design-vault.pages.dev/designs/status-report-rag-rows", "en": "https://design-vault.pages.dev/en/designs/status-report-rag-rows", "json": "https://design-vault.pages.dev/ai/assets/status-report-rag-rows.json", "designJson": "https://design-vault.pages.dev/ai/designs/status-report-rag-rows.json" } }, { "id": "design:step-chart-inventory-level-events", "slug": "step-chart-inventory-level-events", "kind": "artboard", "title": { "ja": "在庫水準の階段推移 — 6月21日に37個まで低下", "en": "Inventory Step Chart — Stock Falls to 37 Units on June 21" }, "summary": { "ja": "入荷・出庫のイベント間は値を一定に保持し、更新時だけ垂直に移るstep chartで在庫水準と維持期間を示す", "en": "A step chart holds stock levels constant between receipt and issue events, showing inventory state and duration until change." }, "useCases": [ "status", "comparison" ], "layoutKinds": [ "axis" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/step-chart-inventory-level-events", "en": "https://design-vault.pages.dev/en/designs/step-chart-inventory-level-events", "json": "https://design-vault.pages.dev/ai/assets/step-chart-inventory-level-events.json", "designJson": "https://design-vault.pages.dev/ai/designs/step-chart-inventory-level-events.json" } }, { "id": "design:sunburst-it-budget-hierarchy", "slug": "sunburst-it-budget-hierarchy", "kind": "artboard", "title": { "ja": "年間IT予算1億円の配分 — 基盤運用48%", "en": "Annual IT Budget Allocation — Platform Operations Account for 48%" }, "summary": { "ja": "全体から親カテゴリ、親から内訳へと同心円セクターを分割し、放射角を構成比に比例させるsunburst chart", "en": "A sunburst chart partitions concentric sectors from whole to parent categories and subcategories, with angular span proportional to share." }, "useCases": [ "comparison", "comparison" ], "layoutKinds": [ "radial" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/sunburst-it-budget-hierarchy", "en": "https://design-vault.pages.dev/en/designs/sunburst-it-budget-hierarchy", "json": "https://design-vault.pages.dev/ai/assets/sunburst-it-budget-hierarchy.json", "designJson": "https://design-vault.pages.dev/ai/designs/sunburst-it-budget-hierarchy.json" } }, { "id": "design:supply-shift-wholesale-equilibrium", "slug": "supply-shift-wholesale-equilibrium", "kind": "artboard", "title": { "ja": "冷凍庫の増設で供給増 — 卸値は下がり取扱量は増える", "en": "More Cold Storage Expands Supply — Wholesale Price Falls as Volume Rises" }, "summary": { "ja": "需要を一定とした需給曲線の概念図で、供給の右シフト後に均衡量が増え、均衡価格が下がる関係を示す", "en": "A fixed-demand supply-and-demand model shows equilibrium quantity rising and equilibrium price falling after a rightward supply shift." }, "useCases": [ "pricing" ], "layoutKinds": [ "axis" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/supply-shift-wholesale-equilibrium", "en": "https://design-vault.pages.dev/en/designs/supply-shift-wholesale-equilibrium", "json": "https://design-vault.pages.dev/ai/assets/supply-shift-wholesale-equilibrium.json", "designJson": "https://design-vault.pages.dev/ai/designs/supply-shift-wholesale-equilibrium.json" } }, { "id": "design:team-structure-joint-pmo", "slug": "team-structure-joint-pmo", "kind": "artboard", "title": { "ja": "体制図 — 決める場を頂点に、合同の窓口を 1 つに絞る", "en": "Team Structure — One Place to Decide, One Joint Desk" }, "summary": { "ja": "意思決定・合同 PMO・作業チームの 3 段。人名ではなく会議体と開催頻度を載せ、窓口の 1 つを塗る", "en": "Three tiers — decision body, joint PMO, working teams — named by forum and cadence rather than by person" }, "useCases": [ "org" ], "layoutKinds": [ "tree" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [ "architecture-3tier-stack", "wbs-gantt-six-phases", "status-report-rag-rows" ], "urls": { "ja": "https://design-vault.pages.dev/designs/team-structure-joint-pmo", "en": "https://design-vault.pages.dev/en/designs/team-structure-joint-pmo", "json": "https://design-vault.pages.dev/ai/assets/team-structure-joint-pmo.json", "designJson": "https://design-vault.pages.dev/ai/designs/team-structure-joint-pmo.json" } }, { "id": "design:ternary-plot-product-capability-mix", "slug": "ternary-plot-product-capability-mix", "kind": "artboard", "title": { "ja": "製品の機能構成 — 分析を40%以上含む案が3つ", "en": "Product Capability Mix — Three Options Allocate at Least 40% to Analytics" }, "summary": { "ja": "合計100%の3機能構成比を三角座標に置き、各案の混合比と偏りを同時に比較するternary plot", "en": "A ternary plot places three-part compositions summing to 100% in a triangle, comparing each option's mix and balance." }, "useCases": [ "comparison", "comparison" ], "layoutKinds": [ "axis" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/ternary-plot-product-capability-mix", "en": "https://design-vault.pages.dev/en/designs/ternary-plot-product-capability-mix", "json": "https://design-vault.pages.dev/ai/assets/ternary-plot-product-capability-mix.json", "designJson": "https://design-vault.pages.dev/ai/designs/ternary-plot-product-capability-mix.json" } }, { "id": "design:test-v-model-paired", "slug": "test-v-model-paired", "kind": "artboard", "title": { "ja": "テスト計画 — 作る工程と受け入れる試験を行で対にする", "en": "Test Plan — Each Phase Paired With What Accepts It" }, "summary": { "ja": "V 字を斜めに描かず、左右等幅の行で対応させる。受け入れる側だけを面にして、判定の主体を示す", "en": "The V-model as paired rows rather than a diagonal — the accepting side filled, so the judge is visible" }, "useCases": [ "testing", "process" ], "layoutKinds": [ "2-column" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [ "architecture-3tier-stack", "requirements-response-table", "status-report-rag-rows" ], "urls": { "ja": "https://design-vault.pages.dev/designs/test-v-model-paired", "en": "https://design-vault.pages.dev/en/designs/test-v-model-paired", "json": "https://design-vault.pages.dev/ai/assets/test-v-model-paired.json", "designJson": "https://design-vault.pages.dev/ai/designs/test-v-model-paired.json" } }, { "id": "design:tile-map-japan-regions", "slug": "tile-map-japan-regions", "kind": "artboard", "title": { "ja": "地域別の導入率 — 西ほど高く、関東が最も低い", "en": "Adoption by Region — Higher in the West, Lowest in Kanto" }, "summary": { "ja": "同じ大きさの正方を土地の並びに似せて置くタイル地図。面積を情報から外し、濃度だけで量を示す", "en": "Equal squares arranged to echo the land. Area carries nothing; a single hue's strength carries the quantity" }, "useCases": [ "kpi", "status" ], "layoutKinds": [ "map" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [ "waffle-one-in-hundred", "treemap-budget-allocation" ], "urls": { "ja": "https://design-vault.pages.dev/designs/tile-map-japan-regions", "en": "https://design-vault.pages.dev/en/designs/tile-map-japan-regions", "json": "https://design-vault.pages.dev/ai/assets/tile-map-japan-regions.json", "designJson": "https://design-vault.pages.dev/ai/designs/tile-map-japan-regions.json" } }, { "id": "design:timeline-vertical-milestones", "slug": "timeline-vertical-milestones", "kind": "artboard", "title": { "ja": "縦の年表 — 節目だけを軸に打つ", "en": "Vertical Timeline — Only the Milestones Land on the Axis" }, "summary": { "ja": "経緯を 5 つの節目に畳み、右端に「その時点で確定したこと」を並べる", "en": "The history folded into five milestones, each with what it fixed for good" }, "useCases": [ "roadmap" ], "layoutKinds": [ "timeline" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [ "roadmap-4phase-band", "gantt-quarter-bands", "org-tree-three-tiers" ], "urls": { "ja": "https://design-vault.pages.dev/designs/timeline-vertical-milestones", "en": "https://design-vault.pages.dev/en/designs/timeline-vertical-milestones", "json": "https://design-vault.pages.dev/ai/assets/timeline-vertical-milestones.json", "designJson": "https://design-vault.pages.dev/ai/designs/timeline-vertical-milestones.json" } }, { "id": "design:title-slide-rule-under-subject", "slug": "title-slide-rule-under-subject", "kind": "artboard", "title": { "ja": "表紙 — 件名の下に罫を 1 本だけ", "en": "Title Slide — One Rule Under the Subject" }, "summary": { "ja": "件名・差出人・日付だけの表紙。装飾は accent の罫 1 本に絞る", "en": "A cover carrying only subject, sender and date, decorated by a single accent rule" }, "useCases": [ "cover" ], "layoutKinds": [ "centered" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [ "cover-a4-centered-subject", "section-divider-number-bleed", "statement-one-sentence" ], "urls": { "ja": "https://design-vault.pages.dev/designs/title-slide-rule-under-subject", "en": "https://design-vault.pages.dev/en/designs/title-slide-rule-under-subject", "json": "https://design-vault.pages.dev/ai/assets/title-slide-rule-under-subject.json", "designJson": "https://design-vault.pages.dev/ai/designs/title-slide-rule-under-subject.json" } }, { "id": "design:treemap-budget-allocation", "slug": "treemap-budget-allocation", "kind": "artboard", "title": { "ja": "2026 年度の開発予算 — 8.0 億円のうち 4.5 割が維持", "en": "This Year's Development Budget — 45% of ¥800M Goes to Keeping the Lights On" }, "summary": { "ja": "面積が金額のツリーマップ。色は上位 4 群だけに使い、子は親の色を継ぐので、階層と配分を 1 枚で読ませる", "en": "A treemap where area is money. Colour marks only the four top-level groups and children inherit it, so hierarchy and allocation are read at once" }, "useCases": [ "pricing", "prioritization" ], "layoutKinds": [ "area" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [ "waffle-one-in-hundred", "donut-share-center-total" ], "urls": { "ja": "https://design-vault.pages.dev/designs/treemap-budget-allocation", "en": "https://design-vault.pages.dev/en/designs/treemap-budget-allocation", "json": "https://design-vault.pages.dev/ai/assets/treemap-budget-allocation.json", "designJson": "https://design-vault.pages.dev/ai/designs/treemap-budget-allocation.json" } }, { "id": "design:venn-two-set-sweet-spot", "slug": "venn-two-set-sweet-spot", "kind": "artboard", "title": { "ja": "絞り込みの二条件 — 両方を満たす案だけに人を割く", "en": "Two Conditions — Only What Satisfies Both Gets People" }, "summary": { "ja": "2 円のベン図。重なりに件数を置き、条件を 1 つしか満たさない候補を「落とす」ではなく「待たせる」と言い切る", "en": "A two-set Venn with the count placed in the overlap, and the rest named as deferred rather than rejected" }, "useCases": [ "comparison", "prioritization" ], "layoutKinds": [ "overlap" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [ "donut-share-center-total" ], "urls": { "ja": "https://design-vault.pages.dev/designs/venn-two-set-sweet-spot", "en": "https://design-vault.pages.dev/en/designs/venn-two-set-sweet-spot", "json": "https://design-vault.pages.dev/ai/assets/venn-two-set-sweet-spot.json", "designJson": "https://design-vault.pages.dev/ai/designs/venn-two-set-sweet-spot.json" } }, { "id": "design:violin-plot-support-wait-times", "slug": "violin-plot-support-wait-times", "kind": "artboard", "title": { "ja": "問い合わせの待ち時間 — メールは遅く、ばらつきも大きい", "en": "Support Wait Times — Email Is Slower and More Variable" }, "summary": { "ja": "バイオリンプロットで窓口別の応答時間分布を比較する。縦位置が時間、幅が密度を表し、中央値と中央50%も分布内に示す", "en": "A violin plot comparing response-time distributions by support channel. Vertical position is time, width is density, with the median and middle 50% marked inside each distribution." }, "useCases": [ "comparison" ], "layoutKinds": [ "axis" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/violin-plot-support-wait-times", "en": "https://design-vault.pages.dev/en/designs/violin-plot-support-wait-times", "json": "https://design-vault.pages.dev/ai/assets/violin-plot-support-wait-times.json", "designJson": "https://design-vault.pages.dev/ai/designs/violin-plot-support-wait-times.json" } }, { "id": "design:volcano-plot-differential-expression", "slug": "volcano-plot-differential-expression", "kind": "artboard", "title": { "ja": "処置後の遺伝子発現 — 上昇4、下降3が基準超え", "en": "Differential Expression — Four Up and Three Down Pass the Thresholds" }, "summary": { "ja": "効果量とp値を二軸にし、閾値の外にある有意な上昇・下降候補を分類するvolcano plot", "en": "A volcano plot classifies significant increases and decreases using effect-size and p-value thresholds on two axes." }, "useCases": [ "comparison", "comparison" ], "layoutKinds": [ "axis" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/volcano-plot-differential-expression", "en": "https://design-vault.pages.dev/en/designs/volcano-plot-differential-expression", "json": "https://design-vault.pages.dev/ai/assets/volcano-plot-differential-expression.json", "designJson": "https://design-vault.pages.dev/ai/designs/volcano-plot-differential-expression.json" } }, { "id": "design:waffle-one-in-hundred", "slug": "waffle-one-in-hundred", "kind": "artboard", "title": { "ja": "不具合の再発率 — 100 件に 7 件", "en": "Recurrence Rate — Seven in a Hundred" }, "summary": { "ja": "100 マスのワッフル。割合を面積ではなく数えられる粒で示し、「7%」が何個ぶんなのかを目で数えられるようにする", "en": "A hundred cells. The share is shown as countable units rather than an area, so 7% can be counted rather than estimated" }, "useCases": [ "kpi" ], "layoutKinds": [ "area" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [ "donut-share-center-total" ], "urls": { "ja": "https://design-vault.pages.dev/designs/waffle-one-in-hundred", "en": "https://design-vault.pages.dev/en/designs/waffle-one-in-hundred", "json": "https://design-vault.pages.dev/ai/assets/waffle-one-in-hundred.json", "designJson": "https://design-vault.pages.dev/ai/designs/waffle-one-in-hundred.json" } }, { "id": "design:waterfall-variance-bridge", "slug": "waterfall-variance-bridge", "kind": "artboard", "title": { "ja": "ウォーターフォール — 差分の内訳を段で積む", "en": "Waterfall — Stepping Through the Variance" }, "summary": { "ja": "前期から今期への増減を 7 段で積む。増減は色 2 値、着地だけが塗り", "en": "Seven steps from last period to this, two colours for sign and a fill only at the landing" }, "useCases": [ "kpi" ], "layoutKinds": [ "waterfall" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [ "kpi-grid-four-deltas", "kpi-hero-single-figure", "comparison-before-after" ], "urls": { "ja": "https://design-vault.pages.dev/designs/waterfall-variance-bridge", "en": "https://design-vault.pages.dev/en/designs/waterfall-variance-bridge", "json": "https://design-vault.pages.dev/ai/assets/waterfall-variance-bridge.json", "designJson": "https://design-vault.pages.dev/ai/designs/waterfall-variance-bridge.json" } }, { "id": "design:wbs-gantt-six-phases", "slug": "wbs-gantt-six-phases", "kind": "artboard", "title": { "ja": "工程表 — 帯の長さを期間に、重なりを引き継ぎに使う", "en": "Phase Schedule — Length Is Duration, Overlap Is Hand-off" }, "summary": { "ja": "12 か月の格子に 6 工程の帯を載せる。御社側の作業は地に罫、弊社は塗り、現在地だけ accent", "en": "Six bars over a twelve-month grid — client work outlined, ours filled, and only the current phase in accent" }, "useCases": [ "roadmap", "process" ], "layoutKinds": [ "gantt" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [ "roadmap-4phase-band", "phase-divider-step-rail", "cutover-runbook-timeline" ], "urls": { "ja": "https://design-vault.pages.dev/designs/wbs-gantt-six-phases", "en": "https://design-vault.pages.dev/en/designs/wbs-gantt-six-phases", "json": "https://design-vault.pages.dev/ai/assets/wbs-gantt-six-phases.json", "designJson": "https://design-vault.pages.dev/ai/designs/wbs-gantt-six-phases.json" } }, { "id": "design:zoom-inset-whole-detail", "slug": "zoom-inset-whole-detail", "kind": "artboard", "title": { "ja": "全体構成と、いま話している一点 — 2 つの縮尺を線で結ぶ", "en": "The Whole and the One Part — Two Scales Joined by Two Lines" }, "summary": { "ja": "全体図の一点を枠で囲み、2 本の線で拡大図へ結ぶ。全体を再掲する手間を払わずに、いまどこの話かを保ち続ける", "en": "One spot in the whole is framed and joined to its blow-up by two lines, so the audience keeps its bearings without the whole being shown again" }, "useCases": [ "architecture" ], "layoutKinds": [ "annotated" ], "reasoningJobs": [], "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [ "callout-numbered-screen", "concentric-scope-rings" ], "urls": { "ja": "https://design-vault.pages.dev/designs/zoom-inset-whole-detail", "en": "https://design-vault.pages.dev/en/designs/zoom-inset-whole-detail", "json": "https://design-vault.pages.dev/ai/assets/zoom-inset-whole-detail.json", "designJson": "https://design-vault.pages.dev/ai/designs/zoom-inset-whole-detail.json" } }, { "id": "layout:accessibility-audit-register", "slug": "accessibility-audit-register", "kind": "executable-layout", "title": { "ja": "アクセシビリティ監査指摘台帳", "en": "Accessibility Audit Findings Register" }, "summary": { "ja": "達成基準に紐づく操作障壁、再現証跡、修正責任、再確認状態を一行ずつ追跡する。", "en": "Track reproducible accessibility barriers, evidence, owners, and verification status against success criteria." }, "useCases": [ "requirements", "status" ], "layoutKinds": [ "table" ], "reasoningJobs": [ "prioritize-diagnose", "assign-governance" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "requirement-traceability-matrix", "change-impact-assessment" ], "urls": { "ja": "https://design-vault.pages.dev/designs/accessibility-audit-register", "en": "https://design-vault.pages.dev/en/designs/accessibility-audit-register", "json": "https://design-vault.pages.dev/ai/assets/accessibility-audit-register.json", "designJson": null } }, { "id": "layout:action-register", "slug": "action-register", "kind": "executable-layout", "title": { "ja": "期限と責任者のアクション台帳", "en": "Action Register" }, "summary": { "ja": "基準日を固定し、未完了・期限超過・完了の作業を整理する。", "en": "Action Register with explicit source values and reading conditions." }, "useCases": [ "process" ], "layoutKinds": [ "table" ], "reasoningJobs": [ "assign-governance" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "kanban-wip", "meeting-agenda-timebox" ], "urls": { "ja": "https://design-vault.pages.dev/designs/action-register", "en": "https://design-vault.pages.dev/en/designs/action-register", "json": "https://design-vault.pages.dev/ai/assets/action-register.json", "designJson": null } }, { "id": "layout:api-contract-sheet", "slug": "api-contract-sheet", "kind": "executable-layout", "title": { "ja": "API契約の1枚仕様", "en": "API Contract Sheet" }, "summary": { "ja": "エンドポイント・認証・入力・出力・失敗応答を1枚で確認する。", "en": "API Contract Sheet with explicit source values and reading conditions." }, "useCases": [ "process" ], "layoutKinds": [ "2-column" ], "reasoningJobs": [ "explain-structure" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "integration-contract-catalog" ], "urls": { "ja": "https://design-vault.pages.dev/designs/api-contract-sheet", "en": "https://design-vault.pages.dev/en/designs/api-contract-sheet", "json": "https://design-vault.pages.dev/ai/assets/api-contract-sheet.json", "designJson": null } }, { "id": "layout:assumption-evidence", "slug": "assumption-evidence", "kind": "executable-layout", "title": { "ja": "仮説と証拠のボード", "en": "Assumption Evidence" }, "summary": { "ja": "仮説を証拠の強さと検証状態で並べ、次に確かめる点を明らかにする。", "en": "Assumption Evidence with explicit source values and reading conditions." }, "useCases": [ "problem-solution" ], "layoutKinds": [ "3-column" ], "reasoningJobs": [ "prioritize-diagnose" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "experiment-plan", "research-evidence-table" ], "urls": { "ja": "https://design-vault.pages.dev/designs/assumption-evidence", "en": "https://design-vault.pages.dev/en/designs/assumption-evidence", "json": "https://design-vault.pages.dev/ai/assets/assumption-evidence.json", "designJson": null } }, { "id": "layout:bowtie-risk-analysis", "slug": "bowtie-risk-analysis", "kind": "executable-layout", "title": { "ja": "Bow-tieリスク分析", "en": "Bow-tie Risk Analysis" }, "summary": { "ja": "危険源から中心事象に至る脅威と予防障壁、事象後の結果と緩和障壁を因果経路として示す。", "en": "Map threats and preventive barriers leading to a top event, then consequences and mitigative barriers after it." }, "useCases": [ "prioritization", "problem-solution" ], "layoutKinds": [ "network" ], "reasoningJobs": [ "prioritize-diagnose" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "risk-matrix-register", "incident-review" ], "urls": { "ja": "https://design-vault.pages.dev/designs/bowtie-risk-analysis", "en": "https://design-vault.pages.dev/en/designs/bowtie-risk-analysis", "json": "https://design-vault.pages.dev/ai/assets/bowtie-risk-analysis.json", "designJson": null } }, { "id": "layout:boxplot-summary", "slug": "boxplot-summary", "kind": "executable-layout", "title": { "ja": "五数要約の箱ひげ図", "en": "Boxplot Summary" }, "summary": { "ja": "下限・四分位・中央値・上限を共通尺度に載せ、散らばりを比較する。", "en": "Boxplot Summary with explicit source values and reading conditions." }, "useCases": [ "kpi" ], "layoutKinds": [ "stack" ], "reasoningJobs": [ "measure-change" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "histogram-distribution", "interval-estimates" ], "urls": { "ja": "https://design-vault.pages.dev/designs/boxplot-summary", "en": "https://design-vault.pages.dev/en/designs/boxplot-summary", "json": "https://design-vault.pages.dev/ai/assets/boxplot-summary.json", "designJson": null } }, { "id": "layout:bubble-portfolio", "slug": "bubble-portfolio", "kind": "executable-layout", "title": { "ja": "面積で規模を示すポートフォリオ", "en": "Bubble Portfolio" }, "summary": { "ja": "2軸の位置とバブルの面積で、候補の特性と規模を同時に読む。", "en": "Bubble Portfolio with explicit source values and reading conditions." }, "useCases": [ "kpi" ], "layoutKinds": [ "matrix" ], "reasoningJobs": [ "measure-change" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "scatter-relationship", "matrix-2x2" ], "urls": { "ja": "https://design-vault.pages.dev/designs/bubble-portfolio", "en": "https://design-vault.pages.dev/en/designs/bubble-portfolio", "json": "https://design-vault.pages.dev/ai/assets/bubble-portfolio.json", "designJson": null } }, { "id": "layout:bullet-target", "slug": "bullet-target", "kind": "executable-layout", "title": { "ja": "目標・実績のバレット", "en": "Bullet Target" }, "summary": { "ja": "目標・実績・尺度上限を同時に示して達成状況を読む。", "en": "Bullet Target with explicit source values and reading conditions." }, "useCases": [ "kpi" ], "layoutKinds": [ "stack" ], "reasoningJobs": [ "measure-change" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "kpi-cards", "dumbbell-gap" ], "urls": { "ja": "https://design-vault.pages.dev/designs/bullet-target", "en": "https://design-vault.pages.dev/en/designs/bullet-target", "json": "https://design-vault.pages.dev/ai/assets/bullet-target.json", "designJson": null } }, { "id": "layout:business-capability-map", "slug": "business-capability-map", "kind": "executable-layout", "title": { "ja": "ビジネス能力マップ（投資ギャップ）", "en": "Business Capability Map (Investment Gap)" }, "summary": { "ja": "事業ドメインの内側へ能力を包含し、領域内工数比率を区画幅、成熟度を面、戦略優先度を境界へ写す。成熟度不足と優先度から最大投資ギャップを1件導出し、能力マップと根拠ledgerを同じidentityで切り替えて追える", "en": "Capabilities nested inside business domains, with effort share as width, maturity as fill and strategic priority at the border. The largest investment gap follows from maturity against priority" }, "useCases": [ "org" ], "layoutKinds": [ "grid" ], "reasoningJobs": [ "prioritize-diagnose", "explain-structure" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "heatmap", "logic-tree", "kpi-cards" ], "urls": { "ja": "https://design-vault.pages.dev/designs/business-capability-map", "en": "https://design-vault.pages.dev/en/designs/business-capability-map", "json": "https://design-vault.pages.dev/ai/assets/business-capability-map.json", "designJson": null } }, { "id": "layout:business-model-canvas", "slug": "business-model-canvas", "kind": "executable-layout", "title": { "ja": "事業モデルの9要素", "en": "Business Model Canvas" }, "summary": { "ja": "顧客・価値・提供体制・収益と費用を9区画に整理し、仮説を共有する。", "en": "Business Model Canvas with explicit source values and reading conditions." }, "useCases": [ "summary" ], "layoutKinds": [ "grid" ], "reasoningJobs": [ "explain-structure" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "swot-evidence", "assumption-evidence" ], "urls": { "ja": "https://design-vault.pages.dev/designs/business-model-canvas", "en": "https://design-vault.pages.dev/en/designs/business-model-canvas", "json": "https://design-vault.pages.dev/ai/assets/business-model-canvas.json", "designJson": null } }, { "id": "layout:calendar-activity", "slug": "calendar-activity", "kind": "executable-layout", "title": { "ja": "日次アクティビティカレンダー", "en": "Calendar Activity" }, "summary": { "ja": "日付に対応する強度を月間の曜日配置で表示する。", "en": "Calendar Activity with explicit source values and reading conditions." }, "useCases": [ "kpi" ], "layoutKinds": [ "grid" ], "reasoningJobs": [ "measure-change" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "heatmap", "line-trend" ], "urls": { "ja": "https://design-vault.pages.dev/designs/calendar-activity", "en": "https://design-vault.pages.dev/en/designs/calendar-activity", "json": "https://design-vault.pages.dev/ai/assets/calendar-activity.json", "designJson": null } }, { "id": "layout:calibration-curve", "slug": "calibration-curve", "kind": "executable-layout", "title": { "ja": "予測確率の校正曲線", "en": "Probability Calibration Curve" }, "summary": { "ja": "予測確率を区間化し、各区間の平均予測確率と観測陽性率を完全一致の対角線に照らして信頼性を読む。", "en": "Compare binned mean predicted probabilities with observed positive rates against the perfect-calibration diagonal." }, "useCases": [ "kpi", "prioritization" ], "layoutKinds": [ "matrix" ], "reasoningJobs": [ "measure-change", "prioritize-diagnose" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "roc-curve", "scatter-relationship", "interval-estimates" ], "urls": { "ja": "https://design-vault.pages.dev/designs/calibration-curve", "en": "https://design-vault.pages.dev/en/designs/calibration-curve", "json": "https://design-vault.pages.dev/ai/assets/calibration-curve.json", "designJson": null } }, { "id": "layout:capacity-allocation", "slug": "capacity-allocation", "kind": "executable-layout", "title": { "ja": "稼働容量と配分", "en": "Capacity Allocation" }, "summary": { "ja": "担当別の利用可能容量と割当を比べ、過負荷と余力を示す。", "en": "Capacity Allocation with explicit source values and reading conditions." }, "useCases": [ "roadmap" ], "layoutKinds": [ "stack" ], "reasoningJobs": [ "plan-sequence" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "critical-path-gantt", "kanban-wip" ], "urls": { "ja": "https://design-vault.pages.dev/designs/capacity-allocation", "en": "https://design-vault.pages.dev/en/designs/capacity-allocation", "json": "https://design-vault.pages.dev/ai/assets/capacity-allocation.json", "designJson": null } }, { "id": "layout:change-impact-assessment", "slug": "change-impact-assessment", "kind": "executable-layout", "title": { "ja": "変革影響評価", "en": "Change Impact Assessment" }, "summary": { "ja": "対象グループごとに変更前後・影響の大きさ・準備状況と支援策を整理する。", "en": "Map current and future states, impact magnitude, readiness, and support actions by affected group." }, "useCases": [ "process" ], "layoutKinds": [ "table" ], "reasoningJobs": [ "explain-structure", "assign-governance" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "stakeholder-engagement-plan", "risk-matrix-register" ], "urls": { "ja": "https://design-vault.pages.dev/designs/change-impact-assessment", "en": "https://design-vault.pages.dev/en/designs/change-impact-assessment", "json": "https://design-vault.pages.dev/ai/assets/change-impact-assessment.json", "designJson": null } }, { "id": "layout:cohort-retention", "slug": "cohort-retention", "kind": "executable-layout", "title": { "ja": "コホート継続率", "en": "Cohort Retention" }, "summary": { "ja": "開始時期ごとに継続率を並べ、未観測期間と0%を区別する。", "en": "Cohort Retention with explicit source values and reading conditions." }, "useCases": [ "kpi" ], "layoutKinds": [ "table" ], "reasoningJobs": [ "measure-change" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "heatmap", "conversion-funnel" ], "urls": { "ja": "https://design-vault.pages.dev/designs/cohort-retention", "en": "https://design-vault.pages.dev/en/designs/cohort-retention", "json": "https://design-vault.pages.dev/ai/assets/cohort-retention.json", "designJson": null } }, { "id": "layout:comparison-table", "slug": "comparison-table", "kind": "executable-layout", "title": { "ja": "比較表（製品・ベンダー選定）", "en": "Comparison Table (Product / Vendor Selection)" }, "summary": { "ja": "製品・ベンダーを評価軸ごとに比較する表。○ の数が最も多い列をデータから自動判定し、見出し・各評価の加点／非加点／参考・集計を一続きの推奨 spine で示す", "en": "Candidates compared criterion by criterion. The column with the most ticks is found from the data, and the heading, each mark and the tally sit on one recommendation spine" }, "useCases": [ "comparison" ], "layoutKinds": [ "table" ], "reasoningJobs": [ "compare-choose" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "matrix-2x2", "heatmap", "raci-matrix" ], "urls": { "ja": "https://design-vault.pages.dev/designs/comparison-table", "en": "https://design-vault.pages.dev/en/designs/comparison-table", "json": "https://design-vault.pages.dev/ai/assets/comparison-table.json", "designJson": null } }, { "id": "layout:confusion-matrix", "slug": "confusion-matrix", "kind": "executable-layout", "title": { "ja": "しきい値固定の混同行列", "en": "Thresholded Confusion Matrix" }, "summary": { "ja": "単一しきい値での真陽性・偽陽性・偽陰性・真陰性の実件数を示し、見逃しと誤検知の運用影響を比較する。", "en": "Show true and false positive and negative counts at one threshold to assess operational miss and alert costs." }, "useCases": [ "prioritization", "kpi" ], "layoutKinds": [ "matrix" ], "reasoningJobs": [ "prioritize-diagnose", "measure-change" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "roc-curve", "calibration-curve" ], "urls": { "ja": "https://design-vault.pages.dev/designs/confusion-matrix", "en": "https://design-vault.pages.dev/en/designs/confusion-matrix", "json": "https://design-vault.pages.dev/ai/assets/confusion-matrix.json", "designJson": null } }, { "id": "layout:control-chart", "slug": "control-chart", "kind": "executable-layout", "title": { "ja": "工程管理図", "en": "Process Control Chart" }, "summary": { "ja": "時系列の測定値を中心線と上下の管理限界に照らし、通常変動から外れた時点を見つける。", "en": "Compare sequential measurements with a center line and control limits to identify points outside routine variation." }, "useCases": [ "process", "kpi" ], "layoutKinds": [ "timeline" ], "reasoningJobs": [ "measure-change", "prioritize-diagnose" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "line-trend", "bullet-target" ], "urls": { "ja": "https://design-vault.pages.dev/designs/control-chart", "en": "https://design-vault.pages.dev/en/designs/control-chart", "json": "https://design-vault.pages.dev/ai/assets/control-chart.json", "designJson": null } }, { "id": "layout:conversion-funnel", "slug": "conversion-funnel", "kind": "executable-layout", "title": { "ja": "コンバージョンファネル（段階離脱分析）", "en": "Conversion Funnel (Stage Drop-off)" }, "summary": { "ja": "同一母集団が段階的に絞られる様子を件数比例の連続漏斗として描く。件名は各断面の上、件数値と主要指標は断面線上へ置いて水平ガイドで結び、hover・focusでは同じ断面レコードだけを穏やかに強調する。最大離脱後の断面を1件常設強調し、同じ漏斗上で到達情報から離脱数・離脱率・順位へ切り替えられる", "en": "One population narrowing stage by stage, drawn as a continuous funnel in proportion to the counts. Names sit above each section, figures on the section line, and the largest drop is picked out" }, "useCases": [ "kpi", "process" ], "layoutKinds": [ "funnel" ], "reasoningJobs": [ "trace-flow", "measure-change", "prioritize-diagnose" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "waterfall", "sankey-flow", "kpi-cards" ], "urls": { "ja": "https://design-vault.pages.dev/designs/conversion-funnel", "en": "https://design-vault.pages.dev/en/designs/conversion-funnel", "json": "https://design-vault.pages.dev/ai/assets/conversion-funnel.json", "designJson": null } }, { "id": "layout:correlation-matrix", "slug": "correlation-matrix", "kind": "executable-layout", "title": { "ja": "相関行列", "en": "Correlation Matrix" }, "summary": { "ja": "複数指標の相関係数を対称行列で示し、正負の関係と強さを比較する。", "en": "Compare the direction and strength of pairwise relationships in a symmetric matrix." }, "useCases": [ "comparison", "kpi" ], "layoutKinds": [ "matrix" ], "reasoningJobs": [ "measure-change", "prioritize-diagnose" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "heatmap", "scatter-relationship" ], "urls": { "ja": "https://design-vault.pages.dev/designs/correlation-matrix", "en": "https://design-vault.pages.dev/en/designs/correlation-matrix", "json": "https://design-vault.pages.dev/ai/assets/correlation-matrix.json", "designJson": null } }, { "id": "layout:critical-path-gantt", "slug": "critical-path-gantt", "kind": "executable-layout", "title": { "ja": "クリティカルパス・ガント（並行計画）", "en": "Critical Path Gantt (Concurrent Plan)" }, "summary": { "ja": "タスクを実日付の期間として配置し、期間バー終端から依存先の開始点へ細い依存線を結ぶ。最長経路は全体計画上の連続線と期間比例laneで示し、390pxでは同じ依存graphを縦向きledgerへ転置する", "en": "Tasks placed as real date ranges, with thin dependency lines from a bar's end to what it unblocks. The longest path is drawn as one continuous line, and at 390px the same graph transposes to a vertical ledger" }, "useCases": [ "roadmap" ], "layoutKinds": [ "gantt" ], "reasoningJobs": [ "plan-sequence", "prioritize-diagnose" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "timeline", "process-flow", "logic-tree" ], "urls": { "ja": "https://design-vault.pages.dev/designs/critical-path-gantt", "en": "https://design-vault.pages.dev/en/designs/critical-path-gantt", "json": "https://design-vault.pages.dev/ai/assets/critical-path-gantt.json", "designJson": null } }, { "id": "layout:cumulative-progress", "slug": "cumulative-progress", "kind": "executable-layout", "title": { "ja": "計画と実績の累積推移", "en": "Cumulative Progress" }, "summary": { "ja": "累積計画と実績を重ね、最新観測時点での差を読む。", "en": "Cumulative Progress with explicit source values and reading conditions." }, "useCases": [ "kpi" ], "layoutKinds": [ "timeline" ], "reasoningJobs": [ "measure-change" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "line-trend", "critical-path-gantt" ], "urls": { "ja": "https://design-vault.pages.dev/designs/cumulative-progress", "en": "https://design-vault.pages.dev/en/designs/cumulative-progress", "json": "https://design-vault.pages.dev/ai/assets/cumulative-progress.json", "designJson": null } }, { "id": "layout:customer-journey-map", "slug": "customer-journey-map", "kind": "executable-layout", "title": { "ja": "カスタマージャーニーマップ（体験ギャップ）", "en": "Customer Journey Map (Experience Gap)" }, "summary": { "ja": "顧客段階を横軸、満足度を脈線、接点とpain impactを同じstageへ結び、最大改善ギャップを導出する", "en": "Stages along the axis, satisfaction as a pulse line, touchpoints and pain tied to the same stage, and the largest gap to close read off them" }, "useCases": [ "case-study", "process" ], "layoutKinds": [ "timeline" ], "reasoningJobs": [ "trace-flow", "prioritize-diagnose" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "conversion-funnel", "timeline", "heatmap" ], "urls": { "ja": "https://design-vault.pages.dev/designs/customer-journey-map", "en": "https://design-vault.pages.dev/en/designs/customer-journey-map", "json": "https://design-vault.pages.dev/ai/assets/customer-journey-map.json", "designJson": null } }, { "id": "layout:data-access-request-queue", "slug": "data-access-request-queue", "kind": "executable-layout", "title": { "ja": "データアクセス申請・審査キュー", "en": "Data Access Request and Review Queue" }, "summary": { "ja": "データアクセス申請を機密区分・最小権限・業務理由・承認者・再審査日・自動終了日とともに処理する。", "en": "Process data access requests with classification, least privilege, purpose, approver, review date, and automatic expiry." }, "useCases": [ "status", "requirements" ], "layoutKinds": [ "table", "stack" ], "reasoningJobs": [ "assign-governance", "prioritize-diagnose" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "permission-matrix", "security-exception-register" ], "urls": { "ja": "https://design-vault.pages.dev/designs/data-access-request-queue", "en": "https://design-vault.pages.dev/en/designs/data-access-request-queue", "json": "https://design-vault.pages.dev/ai/assets/data-access-request-queue.json", "designJson": null } }, { "id": "layout:data-lineage-stages", "slug": "data-lineage-stages", "kind": "executable-layout", "title": { "ja": "データの来歴と変換", "en": "Data Lineage Stages" }, "summary": { "ja": "入力・変換・出力のデータを、参照IDを持つ線でつなぐ。", "en": "Data Lineage Stages with explicit source values and reading conditions." }, "useCases": [ "process" ], "layoutKinds": [ "network" ], "reasoningJobs": [ "trace-flow" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "system-landscape-map", "integration-contract-catalog" ], "urls": { "ja": "https://design-vault.pages.dev/designs/data-lineage-stages", "en": "https://design-vault.pages.dev/en/designs/data-lineage-stages", "json": "https://design-vault.pages.dev/ai/assets/data-lineage-stages.json", "designJson": null } }, { "id": "layout:data-retention-register", "slug": "data-retention-register", "kind": "executable-layout", "title": { "ja": "データ保持・廃棄台帳", "en": "Data Retention and Disposal Register" }, "summary": { "ja": "保存対象ごとの起算条件・期間・処理方法・承認根拠と例外を記録する。", "en": "Record the retention trigger, duration, disposition, approved basis, and exceptions for each data class." }, "useCases": [ "requirements" ], "layoutKinds": [ "table" ], "reasoningJobs": [ "assign-governance" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "data-lineage-stages", "permission-matrix" ], "urls": { "ja": "https://design-vault.pages.dev/designs/data-retention-register", "en": "https://design-vault.pages.dev/en/designs/data-retention-register", "json": "https://design-vault.pages.dev/ai/assets/data-retention-register.json", "designJson": null } }, { "id": "layout:decision-record", "slug": "decision-record", "kind": "executable-layout", "title": { "ja": "意思決定の記録", "en": "Decision Record" }, "summary": { "ja": "決定・背景・選択肢・影響・見直し条件を1枚にまとめる。", "en": "Decision Record with explicit source values and reading conditions." }, "useCases": [ "summary" ], "layoutKinds": [ "2-column" ], "reasoningJobs": [ "assign-governance" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "options-tradeoff", "assumption-evidence" ], "urls": { "ja": "https://design-vault.pages.dev/designs/decision-record", "en": "https://design-vault.pages.dev/en/designs/decision-record", "json": "https://design-vault.pages.dev/ai/assets/decision-record.json", "designJson": null } }, { "id": "layout:decision-tree", "slug": "decision-tree", "kind": "executable-layout", "title": { "ja": "デシジョンツリー（期待値選択）", "en": "Decision Tree (Expected Value)" }, "summary": { "ja": "選択肢ごとの確率分岐と結果価値から期待値を算出し、推奨選択肢とその根拠経路を示す", "en": "Probability branches and outcome values per option, resolved into an expected value, with the recommended option and the path that justifies it" }, "useCases": [ "comparison" ], "layoutKinds": [ "tree" ], "reasoningJobs": [ "compare-choose", "prioritize-diagnose" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "logic-tree", "comparison-table", "matrix-2x2" ], "urls": { "ja": "https://design-vault.pages.dev/designs/decision-tree", "en": "https://design-vault.pages.dev/en/designs/decision-tree", "json": "https://design-vault.pages.dev/ai/assets/decision-tree.json", "designJson": null } }, { "id": "layout:disaster-recovery-runbook", "slug": "disaster-recovery-runbook", "kind": "executable-layout", "title": { "ja": "災害復旧手順・依存順序台帳", "en": "Disaster Recovery Runbook" }, "summary": { "ja": "サービス復旧の依存順序、RTO/RPO、責任者、実施操作、復旧検証をひと続きの手順にまとめる。", "en": "Coordinate service recovery dependencies, RTO/RPO, owners, actions, and validation in one ordered runbook." }, "useCases": [ "process", "status" ], "layoutKinds": [ "timeline", "stack" ], "reasoningJobs": [ "plan-sequence", "assign-governance" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "incident-escalation-policy", "system-landscape-map" ], "urls": { "ja": "https://design-vault.pages.dev/designs/disaster-recovery-runbook", "en": "https://design-vault.pages.dev/en/designs/disaster-recovery-runbook", "json": "https://design-vault.pages.dev/ai/assets/disaster-recovery-runbook.json", "designJson": null } }, { "id": "layout:diverging-survey", "slug": "diverging-survey", "kind": "executable-layout", "title": { "ja": "賛否の発散バー", "en": "Diverging Survey" }, "summary": { "ja": "反対・中立・賛成の割合を区別して、設問ごとの分布を比較する。", "en": "Diverging Survey with explicit source values and reading conditions." }, "useCases": [ "kpi" ], "layoutKinds": [ "stack" ], "reasoningJobs": [ "measure-change" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/diverging-survey", "en": "https://design-vault.pages.dev/en/designs/diverging-survey", "json": "https://design-vault.pages.dev/ai/assets/diverging-survey.json", "designJson": null } }, { "id": "layout:dumbbell-gap", "slug": "dumbbell-gap", "kind": "executable-layout", "title": { "ja": "実績と基準のダンベル", "en": "Dumbbell Gap" }, "summary": { "ja": "対象ごとに実績と基準を結び、差の方向と大きさを比較する。", "en": "Dumbbell Gap with explicit source values and reading conditions." }, "useCases": [ "kpi" ], "layoutKinds": [ "stack" ], "reasoningJobs": [ "measure-change" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "bullet-target", "slope-change" ], "urls": { "ja": "https://design-vault.pages.dev/designs/dumbbell-gap", "en": "https://design-vault.pages.dev/en/designs/dumbbell-gap", "json": "https://design-vault.pages.dev/ai/assets/dumbbell-gap.json", "designJson": null } }, { "id": "layout:executive-summary-brief", "slug": "executive-summary-brief", "kind": "executable-layout", "title": { "ja": "意思決定に向けたエグゼクティブ要約", "en": "Executive Summary Brief" }, "summary": { "ja": "結論・根拠・求める判断・次の行動を分け、短時間で読める形にする。", "en": "Executive Summary Brief with explicit source values and reading conditions." }, "useCases": [ "summary" ], "layoutKinds": [ "2-column" ], "reasoningJobs": [ "compare-choose" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "options-tradeoff", "decision-record" ], "urls": { "ja": "https://design-vault.pages.dev/designs/executive-summary-brief", "en": "https://design-vault.pages.dev/en/designs/executive-summary-brief", "json": "https://design-vault.pages.dev/ai/assets/executive-summary-brief.json", "designJson": null } }, { "id": "layout:experiment-plan", "slug": "experiment-plan", "kind": "executable-layout", "title": { "ja": "検証計画の1枚資料", "en": "Experiment Plan" }, "summary": { "ja": "仮説・対象・比較条件・成功基準・停止条件を、実施前に揃える。", "en": "Experiment Plan with explicit source values and reading conditions." }, "useCases": [ "problem-solution" ], "layoutKinds": [ "2-column" ], "reasoningJobs": [ "plan-sequence" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "assumption-evidence", "interval-estimates" ], "urls": { "ja": "https://design-vault.pages.dev/designs/experiment-plan", "en": "https://design-vault.pages.dev/en/designs/experiment-plan", "json": "https://design-vault.pages.dev/ai/assets/experiment-plan.json", "designJson": null } }, { "id": "layout:feature-flag-rollout-plan", "slug": "feature-flag-rollout-plan", "kind": "executable-layout", "title": { "ja": "段階的機能公開・ロールアウト計画", "en": "Progressive Feature Rollout Plan" }, "summary": { "ja": "公開率を段階的に広げ、次段階へ進む条件と停止・ロールバック条件を各段階で合意する。", "en": "Expand exposure in stages with explicit advance, stop, and rollback conditions at each gate." }, "useCases": [ "roadmap", "status" ], "layoutKinds": [ "timeline", "stack" ], "reasoningJobs": [ "plan-sequence", "prioritize-diagnose" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "release-readiness", "release-changelog" ], "urls": { "ja": "https://design-vault.pages.dev/designs/feature-flag-rollout-plan", "en": "https://design-vault.pages.dev/en/designs/feature-flag-rollout-plan", "json": "https://design-vault.pages.dev/ai/assets/feature-flag-rollout-plan.json", "designJson": null } }, { "id": "layout:fit-gap-assessment", "slug": "fit-gap-assessment", "kind": "executable-layout", "title": { "ja": "要件のFit・Gap評価", "en": "Fit Gap Assessment" }, "summary": { "ja": "要件ごとの標準適合・設定対応・拡張・未確認を根拠付きで整理する。", "en": "Fit Gap Assessment with explicit source values and reading conditions." }, "useCases": [ "comparison" ], "layoutKinds": [ "table" ], "reasoningJobs": [ "compare-choose" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "comparison-table", "release-readiness" ], "urls": { "ja": "https://design-vault.pages.dev/designs/fit-gap-assessment", "en": "https://design-vault.pages.dev/en/designs/fit-gap-assessment", "json": "https://design-vault.pages.dev/ai/assets/fit-gap-assessment.json", "designJson": null } }, { "id": "layout:forecast-band", "slug": "forecast-band", "kind": "executable-layout", "title": { "ja": "予測のシナリオ帯", "en": "Forecast Band" }, "summary": { "ja": "将来値の下限・基準・上限を時間軸上の帯として比較する。", "en": "Forecast Band with explicit source values and reading conditions." }, "useCases": [ "kpi" ], "layoutKinds": [ "timeline" ], "reasoningJobs": [ "measure-change" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "interval-estimates", "line-trend" ], "urls": { "ja": "https://design-vault.pages.dev/designs/forecast-band", "en": "https://design-vault.pages.dev/en/designs/forecast-band", "json": "https://design-vault.pages.dev/ai/assets/forecast-band.json", "designJson": null } }, { "id": "layout:grouped-bar-comparison", "slug": "grouped-bar-comparison", "kind": "executable-layout", "title": { "ja": "系列別の集合棒比較", "en": "Grouped Bar Comparison" }, "summary": { "ja": "同じ対象について2〜4系列を並べ、絶対値の差を比較する。", "en": "Grouped Bar Comparison with explicit source values and reading conditions." }, "useCases": [ "kpi" ], "layoutKinds": [ "grid" ], "reasoningJobs": [ "measure-change" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "ranked-bar-comparison", "stacked-composition" ], "urls": { "ja": "https://design-vault.pages.dev/designs/grouped-bar-comparison", "en": "https://design-vault.pages.dev/en/designs/grouped-bar-comparison", "json": "https://design-vault.pages.dev/ai/assets/grouped-bar-comparison.json", "designJson": null } }, { "id": "layout:heatmap", "slug": "heatmap", "kind": "executable-layout", "title": { "ja": "ヒートマップ（業務課題診断）", "en": "Heatmap (Operational Assessment)" }, "summary": { "ja": "業務領域と評価軸の交点をスコアの濃淡で示し、最高スコアを行・列の座標照準として1件強調する。同じcell identityと座標locatorを保ったまま全体分布から重点課題上位5件へ切り替えられ、補足は図を覆わず下で確認できる", "en": "Every intersection of an area and a criterion, shaded by score, with the highest picked out by its row and column coordinates. The whole distribution and the top five switch without losing cell identity" }, "useCases": [ "prioritization" ], "layoutKinds": [ "matrix" ], "reasoningJobs": [ "prioritize-diagnose", "compare-choose" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "matrix-2x2", "comparison-table", "raci-matrix" ], "urls": { "ja": "https://design-vault.pages.dev/designs/heatmap", "en": "https://design-vault.pages.dev/en/designs/heatmap", "json": "https://design-vault.pages.dev/ai/assets/heatmap.json", "designJson": null } }, { "id": "layout:histogram-distribution", "slug": "histogram-distribution", "kind": "executable-layout", "title": { "ja": "等幅ヒストグラム", "en": "Histogram Distribution" }, "summary": { "ja": "等幅の階級に集計した件数を並べ、分布と裾を読む。", "en": "Histogram Distribution with explicit source values and reading conditions." }, "useCases": [ "kpi" ], "layoutKinds": [ "grid" ], "reasoningJobs": [ "measure-change" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/histogram-distribution", "en": "https://design-vault.pages.dev/en/designs/histogram-distribution", "json": "https://design-vault.pages.dev/ai/assets/histogram-distribution.json", "designJson": null } }, { "id": "layout:incident-escalation-policy", "slug": "incident-escalation-policy", "kind": "executable-layout", "title": { "ja": "インシデント対応・エスカレーション方針", "en": "Incident Response and Escalation Policy" }, "summary": { "ja": "重大度ごとの初動目標、顧客連絡、段階的な引き継ぎを事前に合意する。", "en": "Set response targets, customer updates, and escalation steps for each incident priority." }, "useCases": [ "process" ], "layoutKinds": [ "timeline", "table" ], "reasoningJobs": [ "plan-sequence", "assign-governance" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "incident-review", "release-readiness" ], "urls": { "ja": "https://design-vault.pages.dev/designs/incident-escalation-policy", "en": "https://design-vault.pages.dev/en/designs/incident-escalation-policy", "json": "https://design-vault.pages.dev/ai/assets/incident-escalation-policy.json", "designJson": null } }, { "id": "layout:incident-review", "slug": "incident-review", "kind": "executable-layout", "title": { "ja": "インシデントの事後レビュー", "en": "Incident Review" }, "summary": { "ja": "影響・時系列・原因と寄与要因・再発防止を分けて記録する。", "en": "Incident Review with explicit source values and reading conditions." }, "useCases": [ "case-study" ], "layoutKinds": [ "2-column" ], "reasoningJobs": [ "trace-flow" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "action-register", "decision-record" ], "urls": { "ja": "https://design-vault.pages.dev/designs/incident-review", "en": "https://design-vault.pages.dev/en/designs/incident-review", "json": "https://design-vault.pages.dev/ai/assets/incident-review.json", "designJson": null } }, { "id": "layout:indexed-growth", "slug": "indexed-growth", "kind": "executable-layout", "title": { "ja": "基準100の成長比較", "en": "Indexed Growth" }, "summary": { "ja": "規模の異なる系列を最初の値で100に揃え、成長率を比較する。", "en": "Indexed Growth with explicit source values and reading conditions." }, "useCases": [ "kpi" ], "layoutKinds": [ "timeline" ], "reasoningJobs": [ "measure-change" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "small-multiple-trends" ], "urls": { "ja": "https://design-vault.pages.dev/designs/indexed-growth", "en": "https://design-vault.pages.dev/en/designs/indexed-growth", "json": "https://design-vault.pages.dev/ai/assets/indexed-growth.json", "designJson": null } }, { "id": "layout:integration-contract-catalog", "slug": "integration-contract-catalog", "kind": "executable-layout", "title": { "ja": "システム連携の契約一覧", "en": "Integration Contract Catalog" }, "summary": { "ja": "送信元・送信先・方式・頻度・責任者・障害時動作を揃えて比較する。", "en": "Integration Contract Catalog with explicit source values and reading conditions." }, "useCases": [ "process" ], "layoutKinds": [ "stack" ], "reasoningJobs": [ "trace-flow" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "system-landscape-map", "api-contract-sheet" ], "urls": { "ja": "https://design-vault.pages.dev/designs/integration-contract-catalog", "en": "https://design-vault.pages.dev/en/designs/integration-contract-catalog", "json": "https://design-vault.pages.dev/ai/assets/integration-contract-catalog.json", "designJson": null } }, { "id": "layout:interval-estimates", "slug": "interval-estimates", "kind": "executable-layout", "title": { "ja": "推定値と区間", "en": "Interval Estimates" }, "summary": { "ja": "点推定と上下限を示し、区間の重なりを含めて比較する。", "en": "Interval Estimates with explicit source values and reading conditions." }, "useCases": [ "kpi" ], "layoutKinds": [ "stack" ], "reasoningJobs": [ "measure-change" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/interval-estimates", "en": "https://design-vault.pages.dev/en/designs/interval-estimates", "json": "https://design-vault.pages.dev/ai/assets/interval-estimates.json", "designJson": null } }, { "id": "layout:invoice-collection-aging", "slug": "invoice-collection-aging", "kind": "executable-layout", "title": { "ja": "売掛金の滞留・回収台帳", "en": "Invoice Collection Aging Register" }, "summary": { "ja": "滞留日数別の未回収残高と、請求単位の担当者・次の回収行動を優先づける。", "en": "Prioritize overdue receivables by aging bucket and assign the next collection action to each invoice." }, "useCases": [ "kpi", "status" ], "layoutKinds": [ "table", "stack" ], "reasoningJobs": [ "prioritize-diagnose", "assign-governance" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "action-register", "waterfall" ], "urls": { "ja": "https://design-vault.pages.dev/designs/invoice-collection-aging", "en": "https://design-vault.pages.dev/en/designs/invoice-collection-aging", "json": "https://design-vault.pages.dev/ai/assets/invoice-collection-aging.json", "designJson": null } }, { "id": "layout:kanban-wip", "slug": "kanban-wip", "kind": "executable-layout", "title": { "ja": "WIP上限付きカンバン", "en": "Kanban WIP" }, "summary": { "ja": "工程ごとの作業件数と仕掛かり上限を照合し、滞留を見つける。", "en": "Kanban WIP with explicit source values and reading conditions." }, "useCases": [ "process" ], "layoutKinds": [ "3-column" ], "reasoningJobs": [ "prioritize-diagnose" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "now-next-later", "action-register" ], "urls": { "ja": "https://design-vault.pages.dev/designs/kanban-wip", "en": "https://design-vault.pages.dev/en/designs/kanban-wip", "json": "https://design-vault.pages.dev/ai/assets/kanban-wip.json", "designJson": null } }, { "id": "layout:kpi-cards", "slug": "kpi-cards", "kind": "executable-layout", "title": { "ja": "KPIカード（実績サマリ）", "en": "KPI Cards (Performance Summary)" }, "summary": { "ja": "代表KPIの現在値・前期比・目標達成・推移を一つの主分析面で示し、残りを比較ledgerへ整理する。実データ系列から SVG スパークラインを自動生成し、目標を破線で重ねて達成/未達を自動判定する。解約率のような「下がるほど良い」指標も betterWhen で正しく着色される", "en": "One headline figure with its change, its target and its trend on a single analysis face, the rest arranged into a comparison ledger. Sparklines are drawn from the real series and the target laid over them" }, "useCases": [ "kpi" ], "layoutKinds": [ "grid" ], "reasoningJobs": [ "measure-change" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "waterfall", "heatmap", "conversion-funnel" ], "urls": { "ja": "https://design-vault.pages.dev/designs/kpi-cards", "en": "https://design-vault.pages.dev/en/designs/kpi-cards", "json": "https://design-vault.pages.dev/ai/assets/kpi-cards.json", "designJson": null } }, { "id": "layout:layered-architecture", "slug": "layered-architecture", "kind": "executable-layout", "title": { "ja": "責務を分ける階層構成", "en": "Layered Architecture" }, "summary": { "ja": "システムを責務の層に分け、各層の境界と構成要素を示す。", "en": "Layered Architecture with explicit source values and reading conditions." }, "useCases": [ "org" ], "layoutKinds": [ "stack" ], "reasoningJobs": [ "explain-structure" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "system-landscape-map", "integration-contract-catalog" ], "urls": { "ja": "https://design-vault.pages.dev/designs/layered-architecture", "en": "https://design-vault.pages.dev/en/designs/layered-architecture", "json": "https://design-vault.pages.dev/ai/assets/layered-architecture.json", "designJson": null } }, { "id": "layout:line-trend", "slug": "line-trend", "kind": "executable-layout", "title": { "ja": "欠測を残す推移線", "en": "Line Trend" }, "summary": { "ja": "等間隔の時系列を読み、欠測区間は線で補間せず切り離す。", "en": "Line Trend with explicit source values and reading conditions." }, "useCases": [ "kpi" ], "layoutKinds": [ "timeline" ], "reasoningJobs": [ "measure-change" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "small-multiple-trends", "indexed-growth" ], "urls": { "ja": "https://design-vault.pages.dev/designs/line-trend", "en": "https://design-vault.pages.dev/en/designs/line-trend", "json": "https://design-vault.pages.dev/ai/assets/line-trend.json", "designJson": null } }, { "id": "layout:logic-tree", "slug": "logic-tree", "kind": "executable-layout", "title": { "ja": "ロジックツリー（課題・KPIドライバー分解）", "en": "Logic Tree (Problem / KPI Driver Decomposition)" }, "summary": { "ja": "親IDで結んだ可変階層をD3のtidy treeで幹・枝・葉へ配置し、葉の寄与値を親へ自動集計して細い枝の線幅へ反映する。同じnode identityを構造から葉ドライバーの寄与度へ切り替え、構造では曲線・直線・直角の枝を閲覧者が選び、最大寄与の祖先経路を1件強調する", "en": "A hierarchy of any depth laid out as a tidy tree, with leaf contributions rolled up to their parents and carried in the thickness of each branch. The same nodes switch between structure and contribution" }, "useCases": [ "problem-solution" ], "layoutKinds": [ "tree" ], "reasoningJobs": [ "explain-structure", "prioritize-diagnose" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "pyramid", "waterfall", "critical-path-gantt" ], "urls": { "ja": "https://design-vault.pages.dev/designs/logic-tree", "en": "https://design-vault.pages.dev/en/designs/logic-tree", "json": "https://design-vault.pages.dev/ai/assets/logic-tree.json", "designJson": null } }, { "id": "layout:marimekko-composition", "slug": "marimekko-composition", "kind": "executable-layout", "title": { "ja": "モザイク構成図", "en": "Marimekko Composition Chart" }, "summary": { "ja": "横幅に対象ごとの総量、高さに構成比を割り当て、市場規模と内訳の両方を一枚で比べる。", "en": "Compare category totals by width and within-category composition by height." }, "useCases": [ "comparison", "kpi" ], "layoutKinds": [ "area" ], "reasoningJobs": [ "measure-change", "compare-choose" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "stacked-composition", "treemap-budget-allocation" ], "urls": { "ja": "https://design-vault.pages.dev/designs/marimekko-composition", "en": "https://design-vault.pages.dev/en/designs/marimekko-composition", "json": "https://design-vault.pages.dev/ai/assets/marimekko-composition.json", "designJson": null } }, { "id": "layout:matrix-2x2", "slug": "matrix-2x2", "kind": "executable-layout", "title": { "ja": "2x2 マトリクス（優先度マップ）", "en": "2x2 Matrix (Priority Map)" }, "summary": { "ja": "項目を 2 軸のスコアで座標平面に自動配置し、優先順位やポジショニングをデータ駆動で示す", "en": "Places items on a plane by two scores, so priority and positioning come from the data" }, "useCases": [ "comparison", "prioritization" ], "layoutKinds": [ "matrix" ], "reasoningJobs": [ "compare-choose", "prioritize-diagnose" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "heatmap", "comparison-table", "kpi-cards" ], "urls": { "ja": "https://design-vault.pages.dev/designs/matrix-2x2", "en": "https://design-vault.pages.dev/en/designs/matrix-2x2", "json": "https://design-vault.pages.dev/ai/assets/matrix-2x2.json", "designJson": null } }, { "id": "layout:measurement-agreement", "slug": "measurement-agreement", "kind": "executable-layout", "title": { "ja": "対応測定の一致分析", "en": "Paired Measurement Agreement" }, "summary": { "ja": "同一対象を測った2方式の差を平均値に対して表示し、系統差と95%一致限界を確認する。", "en": "Plot paired method differences against pair means to inspect bias and 95% limits of agreement." }, "useCases": [ "prioritization", "kpi" ], "layoutKinds": [ "matrix" ], "reasoningJobs": [ "prioritize-diagnose", "measure-change" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "scatter-relationship", "slope-change" ], "urls": { "ja": "https://design-vault.pages.dev/designs/measurement-agreement", "en": "https://design-vault.pages.dev/en/designs/measurement-agreement", "json": "https://design-vault.pages.dev/ai/assets/measurement-agreement.json", "designJson": null } }, { "id": "layout:meeting-agenda-timebox", "slug": "meeting-agenda-timebox", "kind": "executable-layout", "title": { "ja": "時間配分と会議の成果", "en": "Meeting Agenda Timebox" }, "summary": { "ja": "議題の所要時間と決めることを対応させ、会議の枠内に収める。", "en": "Meeting Agenda Timebox with explicit source values and reading conditions." }, "useCases": [ "roadmap" ], "layoutKinds": [ "timeline" ], "reasoningJobs": [ "plan-sequence" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "action-register", "decision-record" ], "urls": { "ja": "https://design-vault.pages.dev/designs/meeting-agenda-timebox", "en": "https://design-vault.pages.dev/en/designs/meeting-agenda-timebox", "json": "https://design-vault.pages.dev/ai/assets/meeting-agenda-timebox.json", "designJson": null } }, { "id": "layout:meta-analysis-forest-plot", "slug": "meta-analysis-forest-plot", "kind": "executable-layout", "title": { "ja": "メタ分析フォレストプロット", "en": "Meta-analysis Forest Plot" }, "summary": { "ja": "個別研究の効果推定と区間を無効果の基準線に対して並べ、重み付き統合推定と比較する。", "en": "Compare study-level effect estimates and intervals against a null reference, alongside a weighted pooled estimate." }, "useCases": [ "comparison", "kpi" ], "layoutKinds": [ "axis" ], "reasoningJobs": [ "measure-change", "explain-structure" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "interval-estimates", "research-evidence-table" ], "urls": { "ja": "https://design-vault.pages.dev/designs/meta-analysis-forest-plot", "en": "https://design-vault.pages.dev/en/designs/meta-analysis-forest-plot", "json": "https://design-vault.pages.dev/ai/assets/meta-analysis-forest-plot.json", "designJson": null } }, { "id": "layout:metric-definition-register", "slug": "metric-definition-register", "kind": "executable-layout", "title": { "ja": "指標定義台帳", "en": "Metric Definition Register" }, "summary": { "ja": "指標が答える問い、算式、粒度、正本ソース、更新条件、除外条件を一貫した定義として共有する。", "en": "Share consistent definitions of what each metric answers, how it is calculated, its grain, source, refresh, and exclusions." }, "useCases": [ "kpi", "status" ], "layoutKinds": [ "table", "stack" ], "reasoningJobs": [ "explain-structure", "assign-governance" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "kpi-cards", "data-lineage-stages" ], "urls": { "ja": "https://design-vault.pages.dev/designs/metric-definition-register", "en": "https://design-vault.pages.dev/en/designs/metric-definition-register", "json": "https://design-vault.pages.dev/ai/assets/metric-definition-register.json", "designJson": null } }, { "id": "layout:migration-reconciliation-register", "slug": "migration-reconciliation-register", "kind": "executable-layout", "title": { "ja": "移行データ照合・切替ゲート台帳", "en": "Migration Reconciliation and Cutover Gate Register" }, "summary": { "ja": "移行元と移行先の実測値、許容差、合否、差分の処置と例外承認を切替判断に結びつける。", "en": "Tie measured source-to-target values, tolerances, outcomes, remediation, and approved exceptions to a migration cutover decision." }, "useCases": [ "migration", "requirements" ], "layoutKinds": [ "table", "stack" ], "reasoningJobs": [ "prioritize-diagnose", "assign-governance" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "data-lineage-stages", "requirement-traceability-matrix" ], "urls": { "ja": "https://design-vault.pages.dev/designs/migration-reconciliation-register", "en": "https://design-vault.pages.dev/en/designs/migration-reconciliation-register", "json": "https://design-vault.pages.dev/ai/assets/migration-reconciliation-register.json", "designJson": null } }, { "id": "layout:now-next-later", "slug": "now-next-later", "kind": "executable-layout", "title": { "ja": "Now・Next・Later計画", "en": "Now Next Later" }, "summary": { "ja": "日付を確約できない施策を、着手順と移行条件で整理する。", "en": "Now Next Later with explicit source values and reading conditions." }, "useCases": [ "roadmap" ], "layoutKinds": [ "3-column" ], "reasoningJobs": [ "plan-sequence" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "timeline", "kanban-wip" ], "urls": { "ja": "https://design-vault.pages.dev/designs/now-next-later", "en": "https://design-vault.pages.dev/en/designs/now-next-later", "json": "https://design-vault.pages.dev/ai/assets/now-next-later.json", "designJson": null } }, { "id": "layout:okr-progress", "slug": "okr-progress", "kind": "executable-layout", "title": { "ja": "目標と成果指標の進捗", "en": "OKR Progress" }, "summary": { "ja": "目標ごとの成果指標について開始値・現在値・目標値から進捗を読む。", "en": "OKR Progress with explicit source values and reading conditions." }, "useCases": [ "kpi" ], "layoutKinds": [ "stack" ], "reasoningJobs": [ "measure-change" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "kpi-cards", "strategy-map" ], "urls": { "ja": "https://design-vault.pages.dev/designs/okr-progress", "en": "https://design-vault.pages.dev/en/designs/okr-progress", "json": "https://design-vault.pages.dev/ai/assets/okr-progress.json", "designJson": null } }, { "id": "layout:options-tradeoff", "slug": "options-tradeoff", "kind": "executable-layout", "title": { "ja": "選択肢とトレードオフ", "en": "Options Tradeoff" }, "summary": { "ja": "候補ごとの利点・代償・成立条件を並べ、選択の理由を明示する。", "en": "Options Tradeoff with explicit source values and reading conditions." }, "useCases": [ "comparison" ], "layoutKinds": [ "3-column" ], "reasoningJobs": [ "compare-choose" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "weighted-decision-scorecard", "decision-record" ], "urls": { "ja": "https://design-vault.pages.dev/designs/options-tradeoff", "en": "https://design-vault.pages.dev/en/designs/options-tradeoff", "json": "https://design-vault.pages.dev/ai/assets/options-tradeoff.json", "designJson": null } }, { "id": "layout:parallel-coordinates-profile", "slug": "parallel-coordinates-profile", "kind": "executable-layout", "title": { "ja": "平行座標プロファイル", "en": "Parallel Coordinates Profile" }, "summary": { "ja": "値域の異なる複数の評価軸を並べ、各対象のプロフィールとトレードオフを比較する。", "en": "Compare profiles and tradeoffs across multiple dimensions with different value ranges." }, "useCases": [ "comparison", "requirements" ], "layoutKinds": [ "axis" ], "reasoningJobs": [ "compare-choose", "prioritize-diagnose" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "scatter-relationship", "bubble-portfolio" ], "urls": { "ja": "https://design-vault.pages.dev/designs/parallel-coordinates-profile", "en": "https://design-vault.pages.dev/en/designs/parallel-coordinates-profile", "json": "https://design-vault.pages.dev/ai/assets/parallel-coordinates-profile.json", "designJson": null } }, { "id": "layout:pareto-concentration", "slug": "pareto-concentration", "kind": "executable-layout", "title": { "ja": "パレート集中度", "en": "Pareto Concentration" }, "summary": { "ja": "項目の大きさと累積比率を併記し、何項目で全体の何割を占めるか読む。", "en": "Pareto Concentration with explicit source values and reading conditions." }, "useCases": [ "kpi" ], "layoutKinds": [ "stack" ], "reasoningJobs": [ "measure-change" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "ranked-bar-comparison", "waterfall" ], "urls": { "ja": "https://design-vault.pages.dev/designs/pareto-concentration", "en": "https://design-vault.pages.dev/en/designs/pareto-concentration", "json": "https://design-vault.pages.dev/ai/assets/pareto-concentration.json", "designJson": null } }, { "id": "layout:pareto-frontier", "slug": "pareto-frontier", "kind": "executable-layout", "title": { "ja": "パレート前線・多目的選定", "en": "Pareto Frontier for Multi-objective Choice" }, "summary": { "ja": "2つの目的指標を同時に改善できる案が存在しない非劣解を前線として示し、単一の重み付き得点へ潰さずトレードオフを比べる。", "en": "Show options that cannot be improved on both objectives at once, preserving the tradeoff instead of collapsing it into one weighted score." }, "useCases": [ "comparison", "prioritization" ], "layoutKinds": [ "matrix" ], "reasoningJobs": [ "compare-choose", "prioritize-diagnose" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "pareto-concentration", "weighted-decision-scorecard", "parallel-coordinates-profile" ], "urls": { "ja": "https://design-vault.pages.dev/designs/pareto-frontier", "en": "https://design-vault.pages.dev/en/designs/pareto-frontier", "json": "https://design-vault.pages.dev/ai/assets/pareto-frontier.json", "designJson": null } }, { "id": "layout:permission-matrix", "slug": "permission-matrix", "kind": "executable-layout", "title": { "ja": "権限と承認のマトリクス", "en": "Permission Matrix" }, "summary": { "ja": "役割と操作の交点に許可・不許可・承認条件を明示する。", "en": "Permission Matrix with explicit source values and reading conditions." }, "useCases": [ "org" ], "layoutKinds": [ "table" ], "reasoningJobs": [ "assign-governance" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "raci-matrix", "release-readiness" ], "urls": { "ja": "https://design-vault.pages.dev/designs/permission-matrix", "en": "https://design-vault.pages.dev/en/designs/permission-matrix", "json": "https://design-vault.pages.dev/ai/assets/permission-matrix.json", "designJson": null } }, { "id": "layout:process-flow", "slug": "process-flow", "kind": "executable-layout", "title": { "ja": "プロセスフロー（業務手順）", "en": "Process Flow" }, "summary": { "ja": "所要時間の比率で連続 lane の区間長を自動計算し、最も時間を食う工程を lane 上で強調する。どこが詰まっているかが長さで分かる", "en": "One continuous lane divided in proportion to how long each step takes, with the slowest marked. Where the work piles up is legible as length" }, "useCases": [ "process" ], "layoutKinds": [ "flow" ], "reasoningJobs": [ "plan-sequence", "trace-flow" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "timeline", "critical-path-gantt", "sankey-flow" ], "urls": { "ja": "https://design-vault.pages.dev/designs/process-flow", "en": "https://design-vault.pages.dev/en/designs/process-flow", "json": "https://design-vault.pages.dev/ai/assets/process-flow.json", "designJson": null } }, { "id": "layout:proposal-scope-boundary", "slug": "proposal-scope-boundary", "kind": "executable-layout", "title": { "ja": "提案範囲と受入条件", "en": "Proposal Scope Boundary" }, "summary": { "ja": "対象・対象外・依存事項・受入条件を対比し、範囲の認識を揃える。", "en": "Proposal Scope Boundary with explicit source values and reading conditions." }, "useCases": [ "summary" ], "layoutKinds": [ "2-column" ], "reasoningJobs": [ "assign-governance" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "fit-gap-assessment", "decision-record" ], "urls": { "ja": "https://design-vault.pages.dev/designs/proposal-scope-boundary", "en": "https://design-vault.pages.dev/en/designs/proposal-scope-boundary", "json": "https://design-vault.pages.dev/ai/assets/proposal-scope-boundary.json", "designJson": null } }, { "id": "layout:pyramid", "slug": "pyramid", "kind": "executable-layout", "title": { "ja": "ピラミッド（戦略階層）", "en": "Pyramid (Strategy Hierarchy)" }, "summary": { "ja": "ビジョン・施策・実行タスクを、重み比率から導出した 3 層の地層断面として示す。帯と階層レコードは同じ上下境界を共有し、対応する 1 層だけを追える", "en": "Vision, initiatives and tasks as three strata whose depths come from their weights. The band and the records share the same boundaries, so one layer can be followed on its own" }, "useCases": [ "summary" ], "layoutKinds": [ "stack" ], "reasoningJobs": [ "explain-structure" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "logic-tree", "process-flow", "matrix-2x2" ], "urls": { "ja": "https://design-vault.pages.dev/designs/pyramid", "en": "https://design-vault.pages.dev/en/designs/pyramid", "json": "https://design-vault.pages.dev/ai/assets/pyramid.json", "designJson": null } }, { "id": "layout:raci-matrix", "slug": "raci-matrix", "kind": "executable-layout", "title": { "ja": "RACIマトリクス（責任分担・統制診断）", "en": "RACI Matrix (Responsibility and Control)" }, "summary": { "ja": "活動と役割の交点へR/A/C/Iを配置し、最終責任者Aの不在・重複と実行責任者Rの不在をデータから自動検出する。責任分担表、統制課題ledger、mobile activity ledgerが同じ活動・役割順・記号を共有し、診断を元の根拠へ戻して読める", "en": "R/A/C/I at each intersection of activity and role, with a missing or duplicated accountable owner, and a missing responsible party, found from the data. The table, the control ledger and the mobile ledger share one order of activities and roles" }, "useCases": [ "org" ], "layoutKinds": [ "table" ], "reasoningJobs": [ "assign-governance", "prioritize-diagnose" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "comparison-table", "process-flow", "heatmap" ], "urls": { "ja": "https://design-vault.pages.dev/designs/raci-matrix", "en": "https://design-vault.pages.dev/en/designs/raci-matrix", "json": "https://design-vault.pages.dev/ai/assets/raci-matrix.json", "designJson": null } }, { "id": "layout:ranked-bar-comparison", "slug": "ranked-bar-comparison", "kind": "executable-layout", "title": { "ja": "順位付き横棒比較", "en": "Ranked Bar Comparison" }, "summary": { "ja": "同じ単位の値を降順に並べ、差の大きさと集中先を読む。", "en": "Ranked Bar Comparison with explicit source values and reading conditions." }, "useCases": [ "kpi" ], "layoutKinds": [ "stack" ], "reasoningJobs": [ "measure-change" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "pareto-concentration", "grouped-bar-comparison" ], "urls": { "ja": "https://design-vault.pages.dev/designs/ranked-bar-comparison", "en": "https://design-vault.pages.dev/en/designs/ranked-bar-comparison", "json": "https://design-vault.pages.dev/ai/assets/ranked-bar-comparison.json", "designJson": null } }, { "id": "layout:release-changelog", "slug": "release-changelog", "kind": "executable-layout", "title": { "ja": "変更内容と利用者への影響", "en": "Release Changelog" }, "summary": { "ja": "追加・変更・修正・廃止を区別し、利用者が行うことを添える。", "en": "Release Changelog with explicit source values and reading conditions." }, "useCases": [ "summary" ], "layoutKinds": [ "stack" ], "reasoningJobs": [ "measure-change" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "release-readiness", "executive-summary-brief" ], "urls": { "ja": "https://design-vault.pages.dev/designs/release-changelog", "en": "https://design-vault.pages.dev/en/designs/release-changelog", "json": "https://design-vault.pages.dev/ai/assets/release-changelog.json", "designJson": null } }, { "id": "layout:release-readiness", "slug": "release-readiness", "kind": "executable-layout", "title": { "ja": "リリース判定チェック", "en": "Release Readiness" }, "summary": { "ja": "判定項目の必須条件と証拠を揃え、出荷判断の未解決点を読む。", "en": "Release Readiness with explicit source values and reading conditions." }, "useCases": [ "process" ], "layoutKinds": [ "table" ], "reasoningJobs": [ "assign-governance" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "fit-gap-assessment", "action-register" ], "urls": { "ja": "https://design-vault.pages.dev/designs/release-readiness", "en": "https://design-vault.pages.dev/en/designs/release-readiness", "json": "https://design-vault.pages.dev/ai/assets/release-readiness.json", "designJson": null } }, { "id": "layout:requirement-traceability-matrix", "slug": "requirement-traceability-matrix", "kind": "executable-layout", "title": { "ja": "要件トレーサビリティ表", "en": "Requirement Traceability Matrix" }, "summary": { "ja": "要求・受け入れ条件・検証ケース・証跡を結び、未検証の範囲を追跡する。", "en": "Link requirements to acceptance criteria, verification cases, and evidence to find untested scope." }, "useCases": [ "requirements" ], "layoutKinds": [ "table" ], "reasoningJobs": [ "trace-flow", "assign-governance" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "fit-gap-assessment", "release-readiness" ], "urls": { "ja": "https://design-vault.pages.dev/designs/requirement-traceability-matrix", "en": "https://design-vault.pages.dev/en/designs/requirement-traceability-matrix", "json": "https://design-vault.pages.dev/ai/assets/requirement-traceability-matrix.json", "designJson": null } }, { "id": "layout:research-evidence-table", "slug": "research-evidence-table", "kind": "executable-layout", "title": { "ja": "主張と証拠の対応表", "en": "Research Evidence Table" }, "summary": { "ja": "主張に対して出典・観察・限界を対応させ、根拠の強さを確認する。", "en": "Research Evidence Table with explicit source values and reading conditions." }, "useCases": [ "article" ], "layoutKinds": [ "table" ], "reasoningJobs": [ "prioritize-diagnose" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "assumption-evidence", "experiment-plan" ], "urls": { "ja": "https://design-vault.pages.dev/designs/research-evidence-table", "en": "https://design-vault.pages.dev/en/designs/research-evidence-table", "json": "https://design-vault.pages.dev/ai/assets/research-evidence-table.json", "designJson": null } }, { "id": "layout:retrospective-actions", "slug": "retrospective-actions", "kind": "executable-layout", "title": { "ja": "振り返りと改善アクション", "en": "Retrospective Actions" }, "summary": { "ja": "継続・変更・停止の学びを、観察根拠と次の担当へ結びつける。", "en": "Retrospective Actions with explicit source values and reading conditions." }, "useCases": [ "summary" ], "layoutKinds": [ "3-column" ], "reasoningJobs": [ "prioritize-diagnose" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "action-register", "assumption-evidence" ], "urls": { "ja": "https://design-vault.pages.dev/designs/retrospective-actions", "en": "https://design-vault.pages.dev/en/designs/retrospective-actions", "json": "https://design-vault.pages.dev/ai/assets/retrospective-actions.json", "designJson": null } }, { "id": "layout:risk-matrix-register", "slug": "risk-matrix-register", "kind": "executable-layout", "title": { "ja": "リスクマトリクスと対応台帳", "en": "Risk Matrix and Register" }, "summary": { "ja": "発生可能性と影響の位置を、担当・対応策と結びつけて管理する。", "en": "Risk Matrix and Register with explicit source values and reading conditions." }, "useCases": [ "prioritization" ], "layoutKinds": [ "matrix" ], "reasoningJobs": [ "prioritize-diagnose" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "matrix-2x2", "action-register" ], "urls": { "ja": "https://design-vault.pages.dev/designs/risk-matrix-register", "en": "https://design-vault.pages.dev/en/designs/risk-matrix-register", "json": "https://design-vault.pages.dev/ai/assets/risk-matrix-register.json", "designJson": null } }, { "id": "layout:roc-curve", "slug": "roc-curve", "kind": "executable-layout", "title": { "ja": "ROC曲線・閾値選定", "en": "ROC Curve and Threshold Selection" }, "summary": { "ja": "分類閾値ごとの偽陽性率と真陽性率をROC平面へ置き、無作為判定の基準と識別性能、運用候補の位置を比較する。", "en": "Plot false-positive and true-positive rates across classifier thresholds to compare discrimination with chance and inspect a selected operating candidate." }, "useCases": [ "prioritization", "kpi" ], "layoutKinds": [ "matrix" ], "reasoningJobs": [ "compare-choose", "prioritize-diagnose" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "scatter-relationship", "control-chart" ], "urls": { "ja": "https://design-vault.pages.dev/designs/roc-curve", "en": "https://design-vault.pages.dev/en/designs/roc-curve", "json": "https://design-vault.pages.dev/ai/assets/roc-curve.json", "designJson": null } }, { "id": "layout:sankey-flow", "slug": "sankey-flow", "kind": "executable-layout", "title": { "ja": "Sankeyフローマップ（多対多の流量）", "en": "Sankey Flow Map (Many-to-Many Volume)" }, "summary": { "ja": "複数の起点から複数の終点へ流れる量を、合計量比例の端点railと積層曲線として自動描画する。流路を辿ると対応する起点・終点・合計値が連動し、同じデータを流量図から流路ランキングへ切り替えられる", "en": "Volume running from several sources to several destinations, drawn as end rails in proportion to their totals and stacked curves between them. Following a path lights its source, its destination and its total" }, "useCases": [ "process" ], "layoutKinds": [ "flow" ], "reasoningJobs": [ "trace-flow", "prioritize-diagnose" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "process-flow", "conversion-funnel", "logic-tree" ], "urls": { "ja": "https://design-vault.pages.dev/designs/sankey-flow", "en": "https://design-vault.pages.dev/en/designs/sankey-flow", "json": "https://design-vault.pages.dev/ai/assets/sankey-flow.json", "designJson": null } }, { "id": "layout:scatter-relationship", "slug": "scatter-relationship", "kind": "executable-layout", "title": { "ja": "2変量の散布図", "en": "Scatter Relationship" }, "summary": { "ja": "連続量の2軸に観測点を置き、関係と例外を確認する。", "en": "Scatter Relationship with explicit source values and reading conditions." }, "useCases": [ "kpi" ], "layoutKinds": [ "matrix" ], "reasoningJobs": [ "measure-change" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "matrix-2x2", "bubble-portfolio" ], "urls": { "ja": "https://design-vault.pages.dev/designs/scatter-relationship", "en": "https://design-vault.pages.dev/en/designs/scatter-relationship", "json": "https://design-vault.pages.dev/ai/assets/scatter-relationship.json", "designJson": null } }, { "id": "layout:security-exception-register", "slug": "security-exception-register", "kind": "executable-layout", "title": { "ja": "セキュリティ統制例外台帳", "en": "Security Control Exception Register" }, "summary": { "ja": "一時的な統制逸脱に、範囲・代替策・リスク受容者・承認記録・終了期限を結びつける。", "en": "Tie temporary control deviations to scope, compensating controls, risk approvers, approval records, and expiry." }, "useCases": [ "requirements", "status" ], "layoutKinds": [ "table", "stack" ], "reasoningJobs": [ "prioritize-diagnose", "assign-governance" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "risk-matrix-register", "permission-matrix" ], "urls": { "ja": "https://design-vault.pages.dev/designs/security-exception-register", "en": "https://design-vault.pages.dev/en/designs/security-exception-register", "json": "https://design-vault.pages.dev/ai/assets/security-exception-register.json", "designJson": null } }, { "id": "layout:service-blueprint", "slug": "service-blueprint", "kind": "executable-layout", "title": { "ja": "サービス提供のブループリント", "en": "Service Blueprint" }, "summary": { "ja": "顧客行動・表の対応・裏の処理・支援基盤を同じ工程列で揃える。", "en": "Service Blueprint with explicit source values and reading conditions." }, "useCases": [ "process" ], "layoutKinds": [ "table" ], "reasoningJobs": [ "trace-flow" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "customer-journey-map", "swimlane-process" ], "urls": { "ja": "https://design-vault.pages.dev/designs/service-blueprint", "en": "https://design-vault.pages.dev/en/designs/service-blueprint", "json": "https://design-vault.pages.dev/ai/assets/service-blueprint.json", "designJson": null } }, { "id": "layout:service-tier-sla-matrix", "slug": "service-tier-sla-matrix", "kind": "executable-layout", "title": { "ja": "サービス階層・SLA比較表", "en": "Service Tier and SLA Comparison Matrix" }, "summary": { "ja": "サービス階層ごとの稼働率保証、障害応答、サポート時間、補償条件を同じ基準で比較する。", "en": "Compare availability, incident response, support coverage, and service credits consistently across service tiers." }, "useCases": [ "pricing", "comparison" ], "layoutKinds": [ "grid", "table" ], "reasoningJobs": [ "compare-choose", "assign-governance" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "incident-escalation-policy", "comparison-table" ], "urls": { "ja": "https://design-vault.pages.dev/designs/service-tier-sla-matrix", "en": "https://design-vault.pages.dev/en/designs/service-tier-sla-matrix", "json": "https://design-vault.pages.dev/ai/assets/service-tier-sla-matrix.json", "designJson": null } }, { "id": "layout:sipoc-overview", "slug": "sipoc-overview", "kind": "executable-layout", "title": { "ja": "SIPOC工程境界の概要", "en": "SIPOC Process Boundary Overview" }, "summary": { "ja": "供給者・入力・工程・出力・顧客の五領域と開始・終了条件を一枚に揃え、どこまでを改善対象とするか合意する。", "en": "Align suppliers, inputs, process, outputs, customers, and boundary conditions to agree on the scope being improved." }, "useCases": [ "process", "requirements" ], "layoutKinds": [ "table" ], "reasoningJobs": [ "explain-structure", "trace-flow" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "process-flow", "service-blueprint", "requirements-response-table" ], "urls": { "ja": "https://design-vault.pages.dev/designs/sipoc-overview", "en": "https://design-vault.pages.dev/en/designs/sipoc-overview", "json": "https://design-vault.pages.dev/ai/assets/sipoc-overview.json", "designJson": null } }, { "id": "layout:slope-change", "slug": "slope-change", "kind": "executable-layout", "title": { "ja": "2時点のスロープ比較", "en": "Slope Change" }, "summary": { "ja": "複数対象の2時点の変化を、対応する線と差分で読む。", "en": "Slope Change with explicit source values and reading conditions." }, "useCases": [ "kpi" ], "layoutKinds": [ "2-column" ], "reasoningJobs": [ "measure-change" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "dumbbell-gap", "line-trend" ], "urls": { "ja": "https://design-vault.pages.dev/designs/slope-change", "en": "https://design-vault.pages.dev/en/designs/slope-change", "json": "https://design-vault.pages.dev/ai/assets/slope-change.json", "designJson": null } }, { "id": "layout:small-multiple-trends", "slug": "small-multiple-trends", "kind": "executable-layout", "title": { "ja": "共通尺度の小分割推移", "en": "Small Multiple Trends" }, "summary": { "ja": "同じ時間軸と縦軸尺度で系列を分割し、形の違いを比べる。", "en": "Small Multiple Trends with explicit source values and reading conditions." }, "useCases": [ "kpi" ], "layoutKinds": [ "grid" ], "reasoningJobs": [ "measure-change" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "line-trend", "indexed-growth" ], "urls": { "ja": "https://design-vault.pages.dev/designs/small-multiple-trends", "en": "https://design-vault.pages.dev/en/designs/small-multiple-trends", "json": "https://design-vault.pages.dev/ai/assets/small-multiple-trends.json", "designJson": null } }, { "id": "layout:stacked-composition", "slug": "stacked-composition", "kind": "executable-layout", "title": { "ja": "100%構成比バー", "en": "Stacked Composition" }, "summary": { "ja": "対象別の構成比を同じ長さの帯で比較し、母数も併記する。", "en": "Stacked Composition with explicit source values and reading conditions." }, "useCases": [ "kpi" ], "layoutKinds": [ "stack" ], "reasoningJobs": [ "measure-change" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "grouped-bar-comparison" ], "urls": { "ja": "https://design-vault.pages.dev/designs/stacked-composition", "en": "https://design-vault.pages.dev/en/designs/stacked-composition", "json": "https://design-vault.pages.dev/ai/assets/stacked-composition.json", "designJson": null } }, { "id": "layout:stakeholder-engagement-plan", "slug": "stakeholder-engagement-plan", "kind": "executable-layout", "title": { "ja": "関係者への働きかけ計画", "en": "Stakeholder Engagement Plan" }, "summary": { "ja": "関係者の懸念と期待する行動を、接点・責任者・期限に落とす。", "en": "Stakeholder Engagement Plan with explicit source values and reading conditions." }, "useCases": [ "org" ], "layoutKinds": [ "stack" ], "reasoningJobs": [ "assign-governance" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "stakeholder-network", "action-register" ], "urls": { "ja": "https://design-vault.pages.dev/designs/stakeholder-engagement-plan", "en": "https://design-vault.pages.dev/en/designs/stakeholder-engagement-plan", "json": "https://design-vault.pages.dev/ai/assets/stakeholder-engagement-plan.json", "designJson": null } }, { "id": "layout:stakeholder-network", "slug": "stakeholder-network", "kind": "executable-layout", "title": { "ja": "ステークホルダー・ネットワーク（合意形成リスク）", "en": "Stakeholder Network (Alignment Risk)" }, "summary": { "ja": "支持度・関心度・影響力と関係線を一つのnetworkへ写し、最大の合意形成リスクを導出する", "en": "Support, interest, influence and the relationships between people in one network, with the greatest risk to alignment read off it" }, "useCases": [ "org" ], "layoutKinds": [ "network" ], "reasoningJobs": [ "assign-governance", "prioritize-diagnose", "explain-structure" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "raci-matrix", "matrix-2x2", "logic-tree" ], "urls": { "ja": "https://design-vault.pages.dev/designs/stakeholder-network", "en": "https://design-vault.pages.dev/en/designs/stakeholder-network", "json": "https://design-vault.pages.dev/ai/assets/stakeholder-network.json", "designJson": null } }, { "id": "layout:state-transition-ledger", "slug": "state-transition-ledger", "kind": "executable-layout", "title": { "ja": "状態遷移の条件台帳", "en": "State Transition Ledger" }, "summary": { "ja": "状態・イベント・遷移条件・次状態を列で揃え、抜けを確認する。", "en": "State Transition Ledger with explicit source values and reading conditions." }, "useCases": [ "process" ], "layoutKinds": [ "table" ], "reasoningJobs": [ "trace-flow" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "process-flow", "decision-tree" ], "urls": { "ja": "https://design-vault.pages.dev/designs/state-transition-ledger", "en": "https://design-vault.pages.dev/en/designs/state-transition-ledger", "json": "https://design-vault.pages.dev/ai/assets/state-transition-ledger.json", "designJson": null } }, { "id": "layout:strategy-map", "slug": "strategy-map", "kind": "executable-layout", "title": { "ja": "ストラテジーマップ（視点横断因果）", "en": "Strategy Map (Cause and Effect Across Perspectives)" }, "summary": { "ja": "視点別の戦略目標を因果edgeで結び、影響度と現在水準から重点目標を導出する", "en": "Objectives by perspective joined by causal edges, with the ones to focus on following from influence and current level" }, "useCases": [ "summary" ], "layoutKinds": [ "network" ], "reasoningJobs": [ "explain-structure", "prioritize-diagnose" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "logic-tree", "pyramid", "business-capability-map" ], "urls": { "ja": "https://design-vault.pages.dev/designs/strategy-map", "en": "https://design-vault.pages.dev/en/designs/strategy-map", "json": "https://design-vault.pages.dev/ai/assets/strategy-map.json", "designJson": null } }, { "id": "layout:survival-curve", "slug": "survival-curve", "kind": "executable-layout", "title": { "ja": "打切りを含む生存曲線", "en": "Survival Curve with Censored Observations" }, "summary": { "ja": "個体ごとのイベント発生または観察打切りまでの時間から、生存確率の段階推定と各時点のリスク集合を示す。", "en": "Estimate stepwise survival probability and the number at risk from individual event and right-censoring times." }, "useCases": [ "kpi", "comparison" ], "layoutKinds": [ "timeline" ], "reasoningJobs": [ "measure-change", "compare-choose" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "cohort-retention", "line-trend" ], "urls": { "ja": "https://design-vault.pages.dev/designs/survival-curve", "en": "https://design-vault.pages.dev/en/designs/survival-curve", "json": "https://design-vault.pages.dev/ai/assets/survival-curve.json", "designJson": null } }, { "id": "layout:swimlane-process", "slug": "swimlane-process", "kind": "executable-layout", "title": { "ja": "スイムレーン・プロセス（部門横断hand-off）", "en": "Swimlane Process (Cross-team Hand-off)" }, "summary": { "ja": "担当レーンと実時間比例の工程を結び、部門間hand-offの待機時間から最大滞留を導出する", "en": "Owner lanes joined to steps in proportion to real time, with the longest wait between teams read off the hand-offs" }, "useCases": [ "process" ], "layoutKinds": [ "flow" ], "reasoningJobs": [ "trace-flow", "plan-sequence", "prioritize-diagnose" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "process-flow", "raci-matrix", "critical-path-gantt" ], "urls": { "ja": "https://design-vault.pages.dev/designs/swimlane-process", "en": "https://design-vault.pages.dev/en/designs/swimlane-process", "json": "https://design-vault.pages.dev/ai/assets/swimlane-process.json", "designJson": null } }, { "id": "layout:swot-evidence", "slug": "swot-evidence", "kind": "executable-layout", "title": { "ja": "根拠を持つSWOT", "en": "SWOT Evidence" }, "summary": { "ja": "内部・外部、好影響・悪影響の4象限に、根拠付きの観察を整理する。", "en": "SWOT Evidence with explicit source values and reading conditions." }, "useCases": [ "problem-solution" ], "layoutKinds": [ "matrix" ], "reasoningJobs": [ "prioritize-diagnose" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "matrix-2x2", "assumption-evidence" ], "urls": { "ja": "https://design-vault.pages.dev/designs/swot-evidence", "en": "https://design-vault.pages.dev/en/designs/swot-evidence", "json": "https://design-vault.pages.dev/ai/assets/swot-evidence.json", "designJson": null } }, { "id": "layout:system-landscape-map", "slug": "system-landscape-map", "kind": "executable-layout", "title": { "ja": "システムランドスケープ（刷新影響）", "en": "System Landscape (Modernization Impact)" }, "summary": { "ja": "業務ドメインとアーキテクチャ層へシステムを配置し、規模・健全性・重要度・連携から刷新優先度を導出する", "en": "Systems placed by business domain and architecture layer, with the order to modernize following from size, health, criticality and how they interconnect" }, "useCases": [ "org" ], "layoutKinds": [ "network" ], "reasoningJobs": [ "explain-structure", "prioritize-diagnose" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "business-capability-map", "sankey-flow", "heatmap" ], "urls": { "ja": "https://design-vault.pages.dev/designs/system-landscape-map", "en": "https://design-vault.pages.dev/en/designs/system-landscape-map", "json": "https://design-vault.pages.dev/ai/assets/system-landscape-map.json", "designJson": null } }, { "id": "layout:timeline", "slug": "timeline", "kind": "executable-layout", "title": { "ja": "タイムライン（ロードマップ）", "en": "Timeline (Roadmap)" }, "summary": { "ja": "イベントを日付の実経過時間に比例して横軸に自動配置し、計画の密度や山場をデータ駆動で示す", "en": "Events placed along the axis in proportion to the real time between them, so the plan's density and its peaks come from the dates" }, "useCases": [ "roadmap" ], "layoutKinds": [ "timeline" ], "reasoningJobs": [ "plan-sequence" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "critical-path-gantt", "process-flow", "waterfall" ], "urls": { "ja": "https://design-vault.pages.dev/designs/timeline", "en": "https://design-vault.pages.dev/en/designs/timeline", "json": "https://design-vault.pages.dev/ai/assets/timeline.json", "designJson": null } }, { "id": "layout:tornado-sensitivity", "slug": "tornado-sensitivity", "kind": "executable-layout", "title": { "ja": "トルネード感度分析", "en": "Tornado Sensitivity Analysis" }, "summary": { "ja": "基準ケースに対して前提を一つずつ低ケース・高ケースへ動かした出力を影響幅順に並べ、結果の主要ドライバーと変動方向を示す。", "en": "Rank one-at-a-time low and high assumption scenarios against a base case to reveal the largest drivers and directions of change." }, "useCases": [ "prioritization", "kpi" ], "layoutKinds": [ "axis" ], "reasoningJobs": [ "prioritize-diagnose", "measure-change" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "forecast-band", "ranked-bar-comparison", "dumbbell-gap" ], "urls": { "ja": "https://design-vault.pages.dev/designs/tornado-sensitivity", "en": "https://design-vault.pages.dev/en/designs/tornado-sensitivity", "json": "https://design-vault.pages.dev/ai/assets/tornado-sensitivity.json", "designJson": null } }, { "id": "layout:user-research-recruitment-board", "slug": "user-research-recruitment-board", "kind": "executable-layout", "title": { "ja": "ユーザー調査リクルートボード", "en": "User Research Recruitment Board" }, "summary": { "ja": "利用者セグメントごとの募集枠と、匿名候補の適格性・同意・日程・調査完了を追跡する。", "en": "Track recruitment quotas and each pseudonymous candidate's eligibility, consent, schedule, and study completion by segment." }, "useCases": [ "status" ], "layoutKinds": [ "grid", "stack" ], "reasoningJobs": [ "plan-sequence", "assign-governance" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "research-evidence-table", "customer-journey-map" ], "urls": { "ja": "https://design-vault.pages.dev/designs/user-research-recruitment-board", "en": "https://design-vault.pages.dev/en/designs/user-research-recruitment-board", "json": "https://design-vault.pages.dev/ai/assets/user-research-recruitment-board.json", "designJson": null } }, { "id": "layout:value-chain-map", "slug": "value-chain-map", "kind": "executable-layout", "title": { "ja": "バリューチェーンマップ（改善余地）", "en": "Value Chain Map (Room to Improve)" }, "summary": { "ja": "主活動の幅をコスト比率、高さを価値寄与へ写し、最大の価値改善余地を導出する", "en": "Primary activities with cost share as width and value contribution as height, so the largest room to improve value follows from the shape" }, "useCases": [ "process" ], "layoutKinds": [ "flow" ], "reasoningJobs": [ "explain-structure", "prioritize-diagnose", "measure-change" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "business-capability-map", "waterfall", "process-flow" ], "urls": { "ja": "https://design-vault.pages.dev/designs/value-chain-map", "en": "https://design-vault.pages.dev/en/designs/value-chain-map", "json": "https://design-vault.pages.dev/ai/assets/value-chain-map.json", "designJson": null } }, { "id": "layout:value-stream-map", "slug": "value-stream-map", "kind": "executable-layout", "title": { "ja": "仕掛在庫とリードタイムの価値流れ図", "en": "Value Stream Map with WIP and Lead Time" }, "summary": { "ja": "工程別サイクルタイム・段取・稼働条件と工程間在庫を並べ、顧客需要から算出するタクトに対して、付加価値時間と在庫換算の待ちを分けて読む。", "en": "Map process cycle, changeover and uptime alongside inter-process inventory, then separate value-added time from demand-based waiting against takt." }, "useCases": [ "process", "prioritization" ], "layoutKinds": [ "flow" ], "reasoningJobs": [ "prioritize-diagnose", "plan-sequence" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "process-flow", "sipoc-overview", "critical-path-gantt" ], "urls": { "ja": "https://design-vault.pages.dev/designs/value-stream-map", "en": "https://design-vault.pages.dev/en/designs/value-stream-map", "json": "https://design-vault.pages.dev/ai/assets/value-stream-map.json", "designJson": null } }, { "id": "layout:waterfall", "slug": "waterfall", "kind": "executable-layout", "title": { "ja": "ウォーターフォールチャート（増減ブリッジ）", "en": "Waterfall Chart (Change Bridge)" }, "summary": { "ja": "起点から終点までの増減要因を累計配置の棒（ブリッジ）で示す。PowerPointのネイティブ滝グラフが自動化する「累計配置」だけでは差別化にならないため、同じデータを寄与度順（|増減|降順）の横棒ランキングに切り替えられる点が核。数値は常時表示し、補足は図の下で展開する", "en": "The factors between a start and an end as stacked bars. The same data also switches to a ranking by contribution, which is what distinguishes it from a chart tool's built-in bridge" }, "useCases": [ "kpi" ], "layoutKinds": [ "waterfall" ], "reasoningJobs": [ "measure-change", "prioritize-diagnose" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "kpi-cards", "conversion-funnel", "logic-tree" ], "urls": { "ja": "https://design-vault.pages.dev/designs/waterfall", "en": "https://design-vault.pages.dev/en/designs/waterfall", "json": "https://design-vault.pages.dev/ai/assets/waterfall.json", "designJson": null } }, { "id": "layout:weighted-decision-scorecard", "slug": "weighted-decision-scorecard", "kind": "executable-layout", "title": { "ja": "重み付き選定スコアカード", "en": "Weighted Decision Scorecard" }, "summary": { "ja": "評価軸の重みと点数を公開し、候補の加重得点を比較する。", "en": "Weighted Decision Scorecard with explicit source values and reading conditions." }, "useCases": [ "comparison" ], "layoutKinds": [ "table" ], "reasoningJobs": [ "compare-choose" ], "capabilities": [ "live-preview", "read-spec", "copy-prompt", "get-code", "input-schema", "generate-html" ], "reusePolicy": "commercial-executable", "related": [ "comparison-table", "options-tradeoff" ], "urls": { "ja": "https://design-vault.pages.dev/designs/weighted-decision-scorecard", "en": "https://design-vault.pages.dev/en/designs/weighted-decision-scorecard", "json": "https://design-vault.pages.dev/ai/assets/weighted-decision-scorecard.json", "designJson": null } }, { "id": "diagram:architecture", "slug": "diagram-architecture", "kind": "diagram-template", "title": { "ja": "システム構成図", "en": "Architecture" }, "summary": { "ja": "システムを構成する要素と、その間の通信を、境界で束ねて一枚に置く。", "en": "Places a system's parts and the traffic between them on one canvas, grouped by boundary." }, "useCases": [ "process", "summary" ], "layoutKinds": [], "reasoningJobs": [ "explain-structure" ], "capabilities": [ "download-artifact", "read-spec", "copy-prompt", "author-spec" ], "reusePolicy": "attribution-reuse", "related": [ "diagram-c4-system-context", "diagram-deployment", "diagram-data-flow" ], "urls": { "ja": "https://design-vault.pages.dev/designs/diagram-architecture", "en": "https://design-vault.pages.dev/en/designs/diagram-architecture", "json": "https://design-vault.pages.dev/ai/assets/diagram-architecture.json", "designJson": null }, "diagram": { "generatorVersion": "0.4.0", "outputFileBase": "architecture", "operations": { "supported": [ "addBoundary", "addEdge", "addNode", "alignNodes", "distributeNodes", "moveBoundary", "moveNode", "removeBoundary", "removeEdge", "removeNode", "resizeBoundary", "resizeNode", "updateBoundary", "updateEdge", "updateNode" ], "geometryOnly": [ "alignNodes", "distributeNodes", "moveBoundary", "moveNode", "resizeBoundary", "resizeNode" ], "semantic": [ "addBoundary", "addEdge", "addNode", "removeBoundary", "removeEdge", "removeNode", "updateBoundary", "updateEdge", "updateNode" ] }, "mermaid": { "supported": true }, "createOptions": [], "sampleCount": 3 }, "attribution": "\"Architecture\" by zawa, licensed under CC BY 4.0. https://creativecommons.org/licenses/by/4.0/" }, { "id": "diagram:bpmn-lite", "slug": "diagram-bpmn-lite", "kind": "diagram-template", "title": { "ja": "業務フロー図（BPMN-lite）", "en": "BPMN-lite" }, "summary": { "ja": "人と役割をまたぐ業務の流れを、レーンと分岐で表す。", "en": "Lays out a business process across roles, as lanes with gateways." }, "useCases": [ "process" ], "layoutKinds": [], "reasoningJobs": [ "trace-flow", "plan-sequence" ], "capabilities": [ "download-artifact", "read-spec", "copy-prompt", "author-spec" ], "reusePolicy": "attribution-reuse", "related": [ "diagram-state", "diagram-decision-tree" ], "urls": { "ja": "https://design-vault.pages.dev/designs/diagram-bpmn-lite", "en": "https://design-vault.pages.dev/en/designs/diagram-bpmn-lite", "json": "https://design-vault.pages.dev/ai/assets/diagram-bpmn-lite.json", "designJson": null }, "diagram": { "generatorVersion": "0.6.0", "outputFileBase": "bpmn-lite", "operations": { "supported": [ "alignNodes", "distributeNodes", "moveBoundary", "moveNode", "resizeBoundary", "resizeNode" ], "geometryOnly": [ "alignNodes", "distributeNodes", "moveBoundary", "moveNode", "resizeBoundary", "resizeNode" ], "semantic": [] }, "mermaid": { "supported": true }, "createOptions": [], "sampleCount": 1 }, "attribution": "\"BPMN-lite\" by zawa, licensed under CC BY 4.0. https://creativecommons.org/licenses/by/4.0/" }, { "id": "diagram:c4-container", "slug": "diagram-c4-container", "kind": "diagram-template", "title": { "ja": "C4 コンテナ図", "en": "C4 Container" }, "summary": { "ja": "1 つのシステムの内側を、配置単位（アプリ・サービス・データストア）と使用技術で分ける。", "en": "Splits one system into its deployable units — applications, services, data stores — and the technology each uses." }, "useCases": [ "process" ], "layoutKinds": [], "reasoningJobs": [ "explain-structure" ], "capabilities": [ "download-artifact", "read-spec", "copy-prompt", "author-spec" ], "reusePolicy": "attribution-reuse", "related": [ "diagram-c4-system-context", "diagram-deployment" ], "urls": { "ja": "https://design-vault.pages.dev/designs/diagram-c4-container", "en": "https://design-vault.pages.dev/en/designs/diagram-c4-container", "json": "https://design-vault.pages.dev/ai/assets/diagram-c4-container.json", "designJson": null }, "diagram": { "generatorVersion": "0.5.0", "outputFileBase": "c4-container", "operations": { "supported": [ "alignNodes", "distributeNodes", "moveBoundary", "moveNode", "resizeBoundary", "resizeNode" ], "geometryOnly": [ "alignNodes", "distributeNodes", "moveBoundary", "moveNode", "resizeBoundary", "resizeNode" ], "semantic": [] }, "mermaid": { "supported": true }, "createOptions": [], "sampleCount": 1 }, "attribution": "\"C4 Container\" by zawa, licensed under CC BY 4.0. https://creativecommons.org/licenses/by/4.0/" }, { "id": "diagram:c4-system-context", "slug": "diagram-c4-system-context", "kind": "diagram-template", "title": { "ja": "C4 システムコンテキスト図", "en": "C4 System Context" }, "summary": { "ja": "対象システムを 1 つの箱として置き、それを使う人と外部システムだけを周りに並べる。", "en": "Puts the system in scope as a single box, surrounded only by the people and external systems it touches." }, "useCases": [ "summary" ], "layoutKinds": [], "reasoningJobs": [ "explain-structure" ], "capabilities": [ "download-artifact", "read-spec", "copy-prompt", "author-spec" ], "reusePolicy": "attribution-reuse", "related": [ "diagram-c4-container", "diagram-architecture" ], "urls": { "ja": "https://design-vault.pages.dev/designs/diagram-c4-system-context", "en": "https://design-vault.pages.dev/en/designs/diagram-c4-system-context", "json": "https://design-vault.pages.dev/ai/assets/diagram-c4-system-context.json", "designJson": null }, "diagram": { "generatorVersion": "0.5.0", "outputFileBase": "c4-system-context", "operations": { "supported": [ "alignNodes", "distributeNodes", "moveBoundary", "moveNode", "resizeBoundary", "resizeNode" ], "geometryOnly": [ "alignNodes", "distributeNodes", "moveBoundary", "moveNode", "resizeBoundary", "resizeNode" ], "semantic": [] }, "mermaid": { "supported": true }, "createOptions": [], "sampleCount": 1 }, "attribution": "\"C4 System Context\" by zawa, licensed under CC BY 4.0. https://creativecommons.org/licenses/by/4.0/" }, { "id": "diagram:capability-map", "slug": "diagram-capability-map", "kind": "diagram-template", "title": { "ja": "ケイパビリティマップ", "en": "Business Capability Map" }, "summary": { "ja": "組織や製品が「できること」を、範囲・領域・能力の 2 階層で並べる。", "en": "Lays out what an organization or product is able to do, as capabilities inside domains inside a scope." }, "useCases": [ "org" ], "layoutKinds": [], "reasoningJobs": [ "assign-governance", "prioritize-diagnose" ], "capabilities": [ "download-artifact", "read-spec", "copy-prompt", "author-spec" ], "reusePolicy": "attribution-reuse", "related": [ "diagram-roadmap", "diagram-executive-view" ], "urls": { "ja": "https://design-vault.pages.dev/designs/diagram-capability-map", "en": "https://design-vault.pages.dev/en/designs/diagram-capability-map", "json": "https://design-vault.pages.dev/ai/assets/diagram-capability-map.json", "designJson": null }, "diagram": { "generatorVersion": "0.8.2", "outputFileBase": "capability-map", "operations": { "supported": [ "moveNode", "placeCapability" ], "geometryOnly": [ "moveNode" ], "semantic": [ "placeCapability" ] }, "mermaid": { "supported": false, "reason": "a Capability means the Domain that contains it" }, "createOptions": [], "sampleCount": 1 }, "attribution": "\"Business Capability Map\" by zawa, licensed under CC BY 4.0. https://creativecommons.org/licenses/by/4.0/" }, { "id": "diagram:data-flow", "slug": "diagram-data-flow", "kind": "diagram-template", "title": { "ja": "データフロー図", "en": "Data Flow" }, "summary": { "ja": "データがどこで生まれ、何に変換され、どこへ溜まり、どの境界を越えるかを追う。", "en": "Follows where data originates, what transforms it, where it lands, and which boundaries it crosses." }, "useCases": [ "process" ], "layoutKinds": [], "reasoningJobs": [ "trace-flow" ], "capabilities": [ "download-artifact", "read-spec", "copy-prompt", "author-spec" ], "reusePolicy": "attribution-reuse", "related": [ "diagram-architecture", "diagram-er", "diagram-deployment" ], "urls": { "ja": "https://design-vault.pages.dev/designs/diagram-data-flow", "en": "https://design-vault.pages.dev/en/designs/diagram-data-flow", "json": "https://design-vault.pages.dev/ai/assets/diagram-data-flow.json", "designJson": null }, "diagram": { "generatorVersion": "0.5.0", "outputFileBase": "data-flow", "operations": { "supported": [ "alignNodes", "distributeNodes", "moveBoundary", "moveNode", "resizeBoundary", "resizeNode" ], "geometryOnly": [ "alignNodes", "distributeNodes", "moveBoundary", "moveNode", "resizeBoundary", "resizeNode" ], "semantic": [] }, "mermaid": { "supported": true }, "createOptions": [], "sampleCount": 1 }, "attribution": "\"Data Flow\" by zawa, licensed under CC BY 4.0. https://creativecommons.org/licenses/by/4.0/" }, { "id": "diagram:decision-tree", "slug": "diagram-decision-tree", "kind": "diagram-template", "title": { "ja": "判断ツリー", "en": "Decision Tree" }, "summary": { "ja": "条件で枝分かれし、必ず結論に着く判断の構造を置く。", "en": "Lays out a decision as branches on conditions, every path ending in an outcome." }, "useCases": [ "prioritization" ], "layoutKinds": [], "reasoningJobs": [ "compare-choose" ], "capabilities": [ "download-artifact", "read-spec", "copy-prompt", "author-spec" ], "reusePolicy": "attribution-reuse", "related": [ "diagram-state", "diagram-bpmn-lite" ], "urls": { "ja": "https://design-vault.pages.dev/designs/diagram-decision-tree", "en": "https://design-vault.pages.dev/en/designs/diagram-decision-tree", "json": "https://design-vault.pages.dev/ai/assets/diagram-decision-tree.json", "designJson": null }, "diagram": { "generatorVersion": "0.7.0", "outputFileBase": "decision-tree", "operations": { "supported": [ "alignNodes", "distributeNodes", "moveNode", "resizeNode" ], "geometryOnly": [ "alignNodes", "distributeNodes", "moveNode", "resizeNode" ], "semantic": [] }, "mermaid": { "supported": true }, "createOptions": [], "sampleCount": 1 }, "attribution": "\"Decision Tree\" by zawa, licensed under CC BY 4.0. https://creativecommons.org/licenses/by/4.0/" }, { "id": "diagram:deployment", "slug": "diagram-deployment", "kind": "diagram-template", "title": { "ja": "配置・ネットワーク図", "en": "Deployment / Network" }, "summary": { "ja": "実行されるものが、どのクラウド・リージョン・ネットワーク・サブネットに置かれるかを示す。", "en": "Shows which cloud, region, network and subnet each running thing sits in." }, "useCases": [ "process" ], "layoutKinds": [], "reasoningJobs": [ "explain-structure" ], "capabilities": [ "download-artifact", "read-spec", "copy-prompt", "author-spec" ], "reusePolicy": "attribution-reuse", "related": [ "diagram-architecture", "diagram-c4-container" ], "urls": { "ja": "https://design-vault.pages.dev/designs/diagram-deployment", "en": "https://design-vault.pages.dev/en/designs/diagram-deployment", "json": "https://design-vault.pages.dev/ai/assets/diagram-deployment.json", "designJson": null }, "diagram": { "generatorVersion": "0.5.0", "outputFileBase": "deployment", "operations": { "supported": [ "alignNodes", "distributeNodes", "moveBoundary", "moveNode", "resizeBoundary", "resizeNode" ], "geometryOnly": [ "alignNodes", "distributeNodes", "moveBoundary", "moveNode", "resizeBoundary", "resizeNode" ], "semantic": [] }, "mermaid": { "supported": true }, "createOptions": [], "sampleCount": 1 }, "attribution": "\"Deployment / Network\" by zawa, licensed under CC BY 4.0. https://creativecommons.org/licenses/by/4.0/" }, { "id": "diagram:er", "slug": "diagram-er", "kind": "diagram-template", "title": { "ja": "ER 図", "en": "Entity Relationship" }, "summary": { "ja": "実体と、その列と、実体どうしの関係を、論理レベルで置く。", "en": "Places entities, their columns, and the relationships between them, at the logical level." }, "useCases": [ "summary" ], "layoutKinds": [], "reasoningJobs": [ "explain-structure" ], "capabilities": [ "download-artifact", "read-spec", "copy-prompt", "author-spec" ], "reusePolicy": "attribution-reuse", "related": [ "diagram-data-flow" ], "urls": { "ja": "https://design-vault.pages.dev/designs/diagram-er", "en": "https://design-vault.pages.dev/en/designs/diagram-er", "json": "https://design-vault.pages.dev/ai/assets/diagram-er.json", "designJson": null }, "diagram": { "generatorVersion": "0.7.0", "outputFileBase": "er", "operations": { "supported": [ "alignNodes", "distributeNodes", "moveNode", "resizeNode" ], "geometryOnly": [ "alignNodes", "distributeNodes", "moveNode", "resizeNode" ], "semantic": [] }, "mermaid": { "supported": true }, "createOptions": [], "sampleCount": 1 }, "attribution": "\"Entity Relationship\" by zawa, licensed under CC BY 4.0. https://creativecommons.org/licenses/by/4.0/" }, { "id": "diagram:executive-view", "slug": "diagram-executive-view", "kind": "diagram-template", "title": { "ja": "経営判断ビュー", "en": "Executive Decision View" }, "summary": { "ja": "ある時点の目標・指標・リスク・推奨・決定を、判断のために一枚へ集める。", "en": "Gathers objectives, indicators, risks, recommendations and decisions as of one date, for a decision." }, "useCases": [ "kpi", "summary" ], "layoutKinds": [], "reasoningJobs": [ "measure-change", "compare-choose" ], "capabilities": [ "download-artifact", "read-spec", "copy-prompt", "author-spec" ], "reusePolicy": "attribution-reuse", "related": [ "diagram-roadmap", "diagram-capability-map", "diagram-timeline" ], "urls": { "ja": "https://design-vault.pages.dev/designs/diagram-executive-view", "en": "https://design-vault.pages.dev/en/designs/diagram-executive-view", "json": "https://design-vault.pages.dev/ai/assets/diagram-executive-view.json", "designJson": null }, "diagram": { "generatorVersion": "0.8.3", "outputFileBase": "executive-view", "operations": { "supported": [ "moveNode", "refreshExecutiveIndicator" ], "geometryOnly": [ "moveNode" ], "semantic": [ "refreshExecutiveIndicator" ] }, "mermaid": { "supported": false, "reason": "an Executive item means the semantic region it sits in" }, "createOptions": [ "--as-of" ], "sampleCount": 1 }, "attribution": "\"Executive Decision View\" by zawa, licensed under CC BY 4.0. https://creativecommons.org/licenses/by/4.0/" }, { "id": "diagram:roadmap", "slug": "diagram-roadmap", "kind": "diagram-template", "title": { "ja": "ロードマップ", "en": "Strategic Roadmap" }, "summary": { "ja": "日付ではなく Now / Next / Later の地平で、テーマごとに取り組みと成果を並べる。", "en": "Lays out initiatives and outcomes by theme across Now / Next / Later horizons, rather than dates." }, "useCases": [ "roadmap" ], "layoutKinds": [], "reasoningJobs": [ "plan-sequence", "prioritize-diagnose" ], "capabilities": [ "download-artifact", "read-spec", "copy-prompt", "author-spec" ], "reusePolicy": "attribution-reuse", "related": [ "diagram-timeline", "diagram-capability-map", "diagram-executive-view" ], "urls": { "ja": "https://design-vault.pages.dev/designs/diagram-roadmap", "en": "https://design-vault.pages.dev/en/designs/diagram-roadmap", "json": "https://design-vault.pages.dev/ai/assets/diagram-roadmap.json", "designJson": null }, "diagram": { "generatorVersion": "0.8.1", "outputFileBase": "roadmap", "operations": { "supported": [ "moveNode", "placeRoadmapItem" ], "geometryOnly": [ "moveNode" ], "semantic": [ "placeRoadmapItem" ] }, "mermaid": { "supported": false, "reason": "a Roadmap Initiative means its Theme row and Horizon column" }, "createOptions": [], "sampleCount": 1 }, "attribution": "\"Strategic Roadmap\" by zawa, licensed under CC BY 4.0. https://creativecommons.org/licenses/by/4.0/" }, { "id": "diagram:sequence", "slug": "diagram-sequence", "kind": "diagram-template", "title": { "ja": "シーケンス図", "en": "Sequence" }, "summary": { "ja": "参加者の間でやり取りされるメッセージを、時間の順に上から下へ並べる。", "en": "Orders the messages between participants down the page, in time." }, "useCases": [ "process" ], "layoutKinds": [], "reasoningJobs": [ "trace-flow" ], "capabilities": [ "download-artifact", "read-spec", "copy-prompt", "author-spec" ], "reusePolicy": "attribution-reuse", "related": [ "diagram-bpmn-lite", "diagram-state" ], "urls": { "ja": "https://design-vault.pages.dev/designs/diagram-sequence", "en": "https://design-vault.pages.dev/en/designs/diagram-sequence", "json": "https://design-vault.pages.dev/ai/assets/diagram-sequence.json", "designJson": null }, "diagram": { "generatorVersion": "0.6.0", "outputFileBase": "sequence", "operations": { "supported": [ "alignNodes", "distributeNodes", "moveBoundary", "moveNode", "resizeBoundary", "resizeNode" ], "geometryOnly": [ "alignNodes", "distributeNodes", "moveBoundary", "moveNode", "resizeBoundary", "resizeNode" ], "semantic": [] }, "mermaid": { "supported": true }, "createOptions": [], "sampleCount": 1 }, "attribution": "\"Sequence\" by zawa, licensed under CC BY 4.0. https://creativecommons.org/licenses/by/4.0/" }, { "id": "diagram:state", "slug": "diagram-state", "kind": "diagram-template", "title": { "ja": "状態遷移図", "en": "State Machine" }, "summary": { "ja": "対象が取りうる状態と、状態を変える出来事を並べる。", "en": "Lays out the states a thing can be in, and the events that move it between them." }, "useCases": [ "process" ], "layoutKinds": [], "reasoningJobs": [ "trace-flow" ], "capabilities": [ "download-artifact", "read-spec", "copy-prompt", "author-spec" ], "reusePolicy": "attribution-reuse", "related": [ "diagram-bpmn-lite", "diagram-decision-tree" ], "urls": { "ja": "https://design-vault.pages.dev/designs/diagram-state", "en": "https://design-vault.pages.dev/en/designs/diagram-state", "json": "https://design-vault.pages.dev/ai/assets/diagram-state.json", "designJson": null }, "diagram": { "generatorVersion": "0.7.0", "outputFileBase": "state", "operations": { "supported": [ "alignNodes", "distributeNodes", "moveNode", "resizeNode" ], "geometryOnly": [ "alignNodes", "distributeNodes", "moveNode", "resizeNode" ], "semantic": [] }, "mermaid": { "supported": true }, "createOptions": [], "sampleCount": 1 }, "attribution": "\"State Machine\" by zawa, licensed under CC BY 4.0. https://creativecommons.org/licenses/by/4.0/" }, { "id": "diagram:timeline", "slug": "diagram-timeline", "kind": "diagram-template", "title": { "ja": "実行計画の年表", "en": "Planning Timeline" }, "summary": { "ja": "作業とマイルストーンを、日付の軸の上に、依存関係付きで置く。", "en": "Places tasks and milestones on a dated axis, with their dependencies." }, "useCases": [ "roadmap" ], "layoutKinds": [], "reasoningJobs": [ "plan-sequence" ], "capabilities": [ "download-artifact", "read-spec", "copy-prompt", "author-spec" ], "reusePolicy": "attribution-reuse", "related": [ "diagram-roadmap", "diagram-executive-view" ], "urls": { "ja": "https://design-vault.pages.dev/designs/diagram-timeline", "en": "https://design-vault.pages.dev/en/designs/diagram-timeline", "json": "https://design-vault.pages.dev/ai/assets/diagram-timeline.json", "designJson": null }, "diagram": { "generatorVersion": "0.8.0", "outputFileBase": "timeline", "operations": { "supported": [ "moveNode", "rescheduleTimelineItem" ], "geometryOnly": [ "moveNode" ], "semantic": [ "rescheduleTimelineItem" ] }, "mermaid": { "supported": true }, "createOptions": [ "--window-start" ], "sampleCount": 1 }, "attribution": "\"Planning Timeline\" by zawa, licensed under CC BY 4.0. https://creativecommons.org/licenses/by/4.0/" }, { "id": "motion:motion-bar-grow", "slug": "motion-bar-grow", "kind": "motion", "title": { "ja": "バーの成長", "en": "Bars grow" }, "summary": { "ja": "グラフの棒が伸び、数値が付く", "en": "Chart bars grow to height as they come into view, and their values count up" }, "useCases": [], "layoutKinds": [], "reasoningJobs": [], "capabilities": [ "live-preview", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/motion-bar-grow", "en": "https://design-vault.pages.dev/en/designs/motion-bar-grow", "json": "https://design-vault.pages.dev/ai/assets/motion-bar-grow.json", "designJson": null } }, { "id": "motion:motion-bg-color-transition", "slug": "motion-bg-color-transition", "kind": "motion", "title": { "ja": "背景色トランジション", "en": "Background color transition" }, "summary": { "ja": "背景色がなめらかに変わる", "en": "The background colour changes smoothly from one section to the next" }, "useCases": [], "layoutKinds": [], "reasoningJobs": [], "capabilities": [ "live-preview", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/motion-bg-color-transition", "en": "https://design-vault.pages.dev/en/designs/motion-bg-color-transition", "json": "https://design-vault.pages.dev/ai/assets/motion-bg-color-transition.json", "designJson": null } }, { "id": "motion:motion-blend-invert", "slug": "motion-blend-invert", "kind": "motion", "title": { "ja": "ブレンド反転", "en": "Blend invert" }, "summary": { "ja": "重なった所だけ色が反転する", "en": "Only the parts where shapes overlap invert in colour" }, "useCases": [], "layoutKinds": [], "reasoningJobs": [], "capabilities": [ "live-preview", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/motion-blend-invert", "en": "https://design-vault.pages.dev/en/designs/motion-blend-invert", "json": "https://design-vault.pages.dev/ai/assets/motion-blend-invert.json", "designJson": null } }, { "id": "motion:motion-blur-in", "slug": "motion-blur-in", "kind": "motion", "title": { "ja": "ブラーイン", "en": "Blur-in" }, "summary": { "ja": "ぼかしからくっきり表示", "en": "Content comes into focus from a blur as it enters the viewport" }, "useCases": [], "layoutKinds": [], "reasoningJobs": [], "capabilities": [ "live-preview", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/motion-blur-in", "en": "https://design-vault.pages.dev/en/designs/motion-blur-in", "json": "https://design-vault.pages.dev/ai/assets/motion-blur-in.json", "designJson": null } }, { "id": "motion:motion-card-flip-3d", "slug": "motion-card-flip-3d", "kind": "motion", "title": { "ja": "3D カードフリップ", "en": "3D card flip" }, "summary": { "ja": "カードが裏返って裏面が出る", "en": "A card turns over in 3D to reveal its back" }, "useCases": [], "layoutKinds": [], "reasoningJobs": [], "capabilities": [ "live-preview", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/motion-card-flip-3d", "en": "https://design-vault.pages.dev/en/designs/motion-card-flip-3d", "json": "https://design-vault.pages.dev/ai/assets/motion-card-flip-3d.json", "designJson": null } }, { "id": "motion:motion-char-wave", "slug": "motion-char-wave", "kind": "motion", "title": { "ja": "文字の波", "en": "Character wave" }, "summary": { "ja": "波が文字の列を通り抜けていく", "en": "A wave passes through a row of characters, lifting each in turn" }, "useCases": [], "layoutKinds": [], "reasoningJobs": [], "capabilities": [ "live-preview", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/motion-char-wave", "en": "https://design-vault.pages.dev/en/designs/motion-char-wave", "json": "https://design-vault.pages.dev/ai/assets/motion-char-wave.json", "designJson": null } }, { "id": "motion:motion-circular-progress", "slug": "motion-circular-progress", "kind": "motion", "title": { "ja": "円形プログレス", "en": "Circular scroll progress" }, "summary": { "ja": "円が読了量を示し、頂上に戻れる", "en": "A ring shows how far you have read, and lets you return to the top" }, "useCases": [], "layoutKinds": [], "reasoningJobs": [], "capabilities": [ "live-preview", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/motion-circular-progress", "en": "https://design-vault.pages.dev/en/designs/motion-circular-progress", "json": "https://design-vault.pages.dev/ai/assets/motion-circular-progress.json", "designJson": null } }, { "id": "motion:motion-compare-wipe", "slug": "motion-compare-wipe", "kind": "motion", "title": { "ja": "ビフォーアフター", "en": "Before/after wipe" }, "summary": { "ja": "仕切りが動いて前後が入れ替わる", "en": "A divider sweeps across and swaps the before and after images" }, "useCases": [], "layoutKinds": [], "reasoningJobs": [], "capabilities": [ "live-preview", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/motion-compare-wipe", "en": "https://design-vault.pages.dev/en/designs/motion-compare-wipe", "json": "https://design-vault.pages.dev/ai/assets/motion-compare-wipe.json", "designJson": null } }, { "id": "motion:motion-count-up", "slug": "motion-count-up", "kind": "motion", "title": { "ja": "カウントアップ", "en": "Count-up" }, "summary": { "ja": "数字が0から増えていく", "en": "Numbers count up from zero to their final value" }, "useCases": [], "layoutKinds": [], "reasoningJobs": [], "capabilities": [ "live-preview", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/motion-count-up", "en": "https://design-vault.pages.dev/en/designs/motion-count-up", "json": "https://design-vault.pages.dev/ai/assets/motion-count-up.json", "designJson": null } }, { "id": "motion:motion-curtain-reveal", "slug": "motion-curtain-reveal", "kind": "motion", "title": { "ja": "カーテンリビール", "en": "Curtain reveal" }, "summary": { "ja": "前の画面が持ち上がり次が現れる", "en": "The previous screen lifts away to reveal the next one beneath" }, "useCases": [], "layoutKinds": [], "reasoningJobs": [], "capabilities": [ "live-preview", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/motion-curtain-reveal", "en": "https://design-vault.pages.dev/en/designs/motion-curtain-reveal", "json": "https://design-vault.pages.dev/ai/assets/motion-curtain-reveal.json", "designJson": null } }, { "id": "motion:motion-english-underline", "slug": "motion-english-underline", "kind": "motion", "title": { "ja": "下に英語", "en": "English underneath" }, "summary": { "ja": "線が引かれ、下に英語が字間を詰めて現れる", "en": "A rule is drawn and an English subtitle tightens in beneath the title" }, "useCases": [], "layoutKinds": [], "reasoningJobs": [], "capabilities": [ "live-preview", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/motion-english-underline", "en": "https://design-vault.pages.dev/en/designs/motion-english-underline", "json": "https://design-vault.pages.dev/ai/assets/motion-english-underline.json", "designJson": null } }, { "id": "motion:motion-erase-part", "slug": "motion-erase-part", "kind": "motion", "title": { "ja": "一部を消す", "en": "Erase a part" }, "summary": { "ja": "文字の下半分がひと字ずつ消えていく", "en": "The lower half of each letter is wiped away, one letter after another" }, "useCases": [], "layoutKinds": [], "reasoningJobs": [], "capabilities": [ "live-preview", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/motion-erase-part", "en": "https://design-vault.pages.dev/en/designs/motion-erase-part", "json": "https://design-vault.pages.dev/ai/assets/motion-erase-part.json", "designJson": null } }, { "id": "motion:motion-fade-in", "slug": "motion-fade-in", "kind": "motion", "title": { "ja": "フェードイン", "en": "Fade-in" }, "summary": { "ja": "画面に入ったらふわっと表示", "en": "Elements fade in softly as they enter the viewport" }, "useCases": [], "layoutKinds": [], "reasoningJobs": [], "capabilities": [ "live-preview", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/motion-fade-in", "en": "https://design-vault.pages.dev/en/designs/motion-fade-in", "json": "https://design-vault.pages.dev/ai/assets/motion-fade-in.json", "designJson": null } }, { "id": "motion:motion-gradient-sweep", "slug": "motion-gradient-sweep", "kind": "motion", "title": { "ja": "グラデ文字", "en": "Gradient sweep" }, "summary": { "ja": "文字の中の色がスクロールで流れる", "en": "A band of colour slides through the letters as you scroll" }, "useCases": [], "layoutKinds": [], "reasoningJobs": [], "capabilities": [ "live-preview", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/motion-gradient-sweep", "en": "https://design-vault.pages.dev/en/designs/motion-gradient-sweep", "json": "https://design-vault.pages.dev/ai/assets/motion-gradient-sweep.json", "designJson": null } }, { "id": "motion:motion-hero-shrink", "slug": "motion-hero-shrink", "kind": "motion", "title": { "ja": "ヒーロー縮小", "en": "Hero title shrink" }, "summary": { "ja": "大見出しが縮んでヘッダーに収まる", "en": "The large title shrinks and settles into the header" }, "useCases": [], "layoutKinds": [], "reasoningJobs": [], "capabilities": [ "live-preview", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/motion-hero-shrink", "en": "https://design-vault.pages.dev/en/designs/motion-hero-shrink", "json": "https://design-vault.pages.dev/ai/assets/motion-hero-shrink.json", "designJson": null } }, { "id": "motion:motion-hide-on-scroll-header", "slug": "motion-hide-on-scroll-header", "kind": "motion", "title": { "ja": "隠れるヘッダー", "en": "Hide-on-scroll header" }, "summary": { "ja": "下で隠れ、戻すと出る", "en": "Hides when scrolling down and returns on scroll up" }, "useCases": [], "layoutKinds": [], "reasoningJobs": [], "capabilities": [ "live-preview", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/motion-hide-on-scroll-header", "en": "https://design-vault.pages.dev/en/designs/motion-hide-on-scroll-header", "json": "https://design-vault.pages.dev/ai/assets/motion-hide-on-scroll-header.json", "designJson": null } }, { "id": "motion:motion-highlighter-sweep", "slug": "motion-highlighter-sweep", "kind": "motion", "title": { "ja": "マーカー線", "en": "Highlighter sweep" }, "summary": { "ja": "文中の語にマーカーが引かれる", "en": "A marker line sweeps across key words in the text as they come into view" }, "useCases": [], "layoutKinds": [], "reasoningJobs": [], "capabilities": [ "live-preview", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/motion-highlighter-sweep", "en": "https://design-vault.pages.dev/en/designs/motion-highlighter-sweep", "json": "https://design-vault.pages.dev/ai/assets/motion-highlighter-sweep.json", "designJson": null } }, { "id": "motion:motion-horizontal-scroll", "slug": "motion-horizontal-scroll", "kind": "motion", "title": { "ja": "横スクロール", "en": "Horizontal scroll" }, "summary": { "ja": "縦スクロールで横に流れる", "en": "Vertical scrolling drives a horizontal strip" }, "useCases": [], "layoutKinds": [], "reasoningJobs": [], "capabilities": [ "live-preview", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/motion-horizontal-scroll", "en": "https://design-vault.pages.dev/en/designs/motion-horizontal-scroll", "json": "https://design-vault.pages.dev/ai/assets/motion-horizontal-scroll.json", "designJson": null } }, { "id": "motion:motion-image-sequence", "slug": "motion-image-sequence", "kind": "motion", "title": { "ja": "画像シーケンス", "en": "Scroll-scrubbed image sequence" }, "summary": { "ja": "連番画像をコマ送り再生", "en": "Plays a numbered image sequence frame by frame as you scroll" }, "useCases": [], "layoutKinds": [], "reasoningJobs": [], "capabilities": [ "live-preview", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/motion-image-sequence", "en": "https://design-vault.pages.dev/en/designs/motion-image-sequence", "json": "https://design-vault.pages.dev/ai/assets/motion-image-sequence.json", "designJson": null } }, { "id": "motion:motion-ink-bleed", "slug": "motion-ink-bleed", "kind": "motion", "title": { "ja": "滲み", "en": "Ink bleed" }, "summary": { "ja": "にじんだ墨が輪郭を結んで文字になる", "en": "A blot of bled ink resolves into crisp letters" }, "useCases": [], "layoutKinds": [], "reasoningJobs": [], "capabilities": [ "live-preview", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/motion-ink-bleed", "en": "https://design-vault.pages.dev/en/designs/motion-ink-bleed", "json": "https://design-vault.pages.dev/ai/assets/motion-ink-bleed.json", "designJson": null } }, { "id": "motion:motion-iris-mask", "slug": "motion-iris-mask", "kind": "motion", "title": { "ja": "アイリスマスク", "en": "Iris mask" }, "summary": { "ja": "円形に開いて次の画面が出る", "en": "A circle opens from the centre to reveal the next screen" }, "useCases": [], "layoutKinds": [], "reasoningJobs": [], "capabilities": [ "live-preview", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/motion-iris-mask", "en": "https://design-vault.pages.dev/en/designs/motion-iris-mask", "json": "https://design-vault.pages.dev/ai/assets/motion-iris-mask.json", "designJson": null } }, { "id": "motion:motion-letters-scatter", "slug": "motion-letters-scatter", "kind": "motion", "title": { "ja": "文字の集合", "en": "Letters scatter" }, "summary": { "ja": "散らばった文字が回りながら整列する", "en": "Letters scattered in every direction spin back and line up" }, "useCases": [], "layoutKinds": [], "reasoningJobs": [], "capabilities": [ "live-preview", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/motion-letters-scatter", "en": "https://design-vault.pages.dev/en/designs/motion-letters-scatter", "json": "https://design-vault.pages.dev/ai/assets/motion-letters-scatter.json", "designJson": null } }, { "id": "motion:motion-linked-letters", "slug": "motion-linked-letters", "kind": "motion", "title": { "ja": "文字を繋げる", "en": "Linked letters" }, "summary": { "ja": "文字と文字のあいだを一本の線がつなぐ", "en": "A single ribbon winds through a heading and links its letters" }, "useCases": [], "layoutKinds": [], "reasoningJobs": [], "capabilities": [ "live-preview", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/motion-linked-letters", "en": "https://design-vault.pages.dev/en/designs/motion-linked-letters", "json": "https://design-vault.pages.dev/ai/assets/motion-linked-letters.json", "designJson": null } }, { "id": "motion:motion-marquee", "slug": "motion-marquee", "kind": "motion", "title": { "ja": "マーキー", "en": "Marquee (scroll velocity)" }, "summary": { "ja": "流れ続け、スクロールで加速", "en": "Keeps moving at all times and speeds up as the page scrolls" }, "useCases": [], "layoutKinds": [], "reasoningJobs": [], "capabilities": [ "live-preview", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/motion-marquee", "en": "https://design-vault.pages.dev/en/designs/motion-marquee", "json": "https://design-vault.pages.dev/ai/assets/motion-marquee.json", "designJson": null } }, { "id": "motion:motion-mask-reveal", "slug": "motion-mask-reveal", "kind": "motion", "title": { "ja": "マスクリビール", "en": "Mask reveal" }, "summary": { "ja": "幕が開くように画像が出る", "en": "Images open like a curtain as they enter the viewport" }, "useCases": [], "layoutKinds": [], "reasoningJobs": [], "capabilities": [ "live-preview", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/motion-mask-reveal", "en": "https://design-vault.pages.dev/en/designs/motion-mask-reveal", "json": "https://design-vault.pages.dev/ai/assets/motion-mask-reveal.json", "designJson": null } }, { "id": "motion:motion-odometer-roll", "slug": "motion-odometer-roll", "kind": "motion", "title": { "ja": "オドメーター", "en": "Odometer" }, "summary": { "ja": "桁ごとに数字が回って止まる", "en": "Each digit rolls on its own reel and settles in turn" }, "useCases": [], "layoutKinds": [], "reasoningJobs": [], "capabilities": [ "live-preview", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/motion-odometer-roll", "en": "https://design-vault.pages.dev/en/designs/motion-odometer-roll", "json": "https://design-vault.pages.dev/ai/assets/motion-odometer-roll.json", "designJson": null } }, { "id": "motion:motion-one-letter-big", "slug": "motion-one-letter-big", "kind": "motion", "title": { "ja": "一文字だけ大きく", "en": "One letter bigger" }, "summary": { "ja": "一文字だけが大きく育ち、まわりが道を空ける", "en": "One letter of a title grows large while its neighbours make room" }, "useCases": [], "layoutKinds": [], "reasoningJobs": [], "capabilities": [ "live-preview", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/motion-one-letter-big", "en": "https://design-vault.pages.dev/en/designs/motion-one-letter-big", "json": "https://design-vault.pages.dev/ai/assets/motion-one-letter-big.json", "designJson": null } }, { "id": "motion:motion-opposite-columns", "slug": "motion-opposite-columns", "kind": "motion", "title": { "ja": "逆走カラム", "en": "Opposing-scroll columns" }, "summary": { "ja": "左右の列が逆向きに流れる", "en": "The left and right columns scroll in opposite directions" }, "useCases": [], "layoutKinds": [], "reasoningJobs": [], "capabilities": [ "live-preview", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/motion-opposite-columns", "en": "https://design-vault.pages.dev/en/designs/motion-opposite-columns", "json": "https://design-vault.pages.dev/ai/assets/motion-opposite-columns.json", "designJson": null } }, { "id": "motion:motion-parallax", "slug": "motion-parallax", "kind": "motion", "title": { "ja": "パララックス", "en": "Parallax scrolling" }, "summary": { "ja": "背景と手前が違う速さで動く", "en": "Background and foreground move at different speeds" }, "useCases": [], "layoutKinds": [], "reasoningJobs": [], "capabilities": [ "live-preview", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/motion-parallax", "en": "https://design-vault.pages.dev/en/designs/motion-parallax", "json": "https://design-vault.pages.dev/ai/assets/motion-parallax.json", "designJson": null } }, { "id": "motion:motion-perspective-tilt", "slug": "motion-perspective-tilt", "kind": "motion", "title": { "ja": "パースペクティブ", "en": "Perspective tilt" }, "summary": { "ja": "傾いた面が起き上がって正面を向く", "en": "A tilted panel rises and turns to face the viewer" }, "useCases": [], "layoutKinds": [], "reasoningJobs": [], "capabilities": [ "live-preview", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/motion-perspective-tilt", "en": "https://design-vault.pages.dev/en/designs/motion-perspective-tilt", "json": "https://design-vault.pages.dev/ai/assets/motion-perspective-tilt.json", "designJson": null } }, { "id": "motion:motion-pin-scrub", "slug": "motion-pin-scrub", "kind": "motion", "title": { "ja": "ピン留め＋スクラブ", "en": "Pin + scrub" }, "summary": { "ja": "画面を固定して中身だけ進む", "en": "Pin the screen while only the content advances" }, "useCases": [], "layoutKinds": [], "reasoningJobs": [], "capabilities": [ "live-preview", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/motion-pin-scrub", "en": "https://design-vault.pages.dev/en/designs/motion-pin-scrub", "json": "https://design-vault.pages.dev/ai/assets/motion-pin-scrub.json", "designJson": null } }, { "id": "motion:motion-rotate-on-scroll", "slug": "motion-rotate-on-scroll", "kind": "motion", "title": { "ja": "スクロール回転", "en": "Rotate on scroll" }, "summary": { "ja": "歯車や円盤がスクロールで回る", "en": "Gears and discs turn as you scroll" }, "useCases": [], "layoutKinds": [], "reasoningJobs": [], "capabilities": [ "live-preview", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/motion-rotate-on-scroll", "en": "https://design-vault.pages.dev/en/designs/motion-rotate-on-scroll", "json": "https://design-vault.pages.dev/ai/assets/motion-rotate-on-scroll.json", "designJson": null } }, { "id": "motion:motion-scroll-linked", "slug": "motion-scroll-linked", "kind": "motion", "title": { "ja": "スクロール連動", "en": "Scroll-linked animation" }, "summary": { "ja": "スクロール量に合わせて進む（読了バー）", "en": "Progresses with scroll position, like a reading progress bar" }, "useCases": [], "layoutKinds": [], "reasoningJobs": [], "capabilities": [ "live-preview", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/motion-scroll-linked", "en": "https://design-vault.pages.dev/en/designs/motion-scroll-linked", "json": "https://design-vault.pages.dev/ai/assets/motion-scroll-linked.json", "designJson": null } }, { "id": "motion:motion-scroll-snap", "slug": "motion-scroll-snap", "kind": "motion", "title": { "ja": "スクロールスナップ", "en": "Scroll snap" }, "summary": { "ja": "1画面ずつピタッと止まる", "en": "Snaps to one full screen at a time" }, "useCases": [], "layoutKinds": [], "reasoningJobs": [], "capabilities": [ "live-preview", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/motion-scroll-snap", "en": "https://design-vault.pages.dev/en/designs/motion-scroll-snap", "json": "https://design-vault.pages.dev/ai/assets/motion-scroll-snap.json", "designJson": null } }, { "id": "motion:motion-scroll-zoom", "slug": "motion-scroll-zoom", "kind": "motion", "title": { "ja": "スクロールズーム", "en": "Scale on scroll" }, "summary": { "ja": "画像が拡大して全画面に", "en": "An image scales up until it fills the whole screen" }, "useCases": [], "layoutKinds": [], "reasoningJobs": [], "capabilities": [ "live-preview", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/motion-scroll-zoom", "en": "https://design-vault.pages.dev/en/designs/motion-scroll-zoom", "json": "https://design-vault.pages.dev/ai/assets/motion-scroll-zoom.json", "designJson": null } }, { "id": "motion:motion-scrollspy", "slug": "motion-scrollspy", "kind": "motion", "title": { "ja": "スクロールスパイ", "en": "Scrollspy" }, "summary": { "ja": "目次が現在地をハイライト", "en": "The table of contents highlights the current section" }, "useCases": [], "layoutKinds": [], "reasoningJobs": [], "capabilities": [ "live-preview", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/motion-scrollspy", "en": "https://design-vault.pages.dev/en/designs/motion-scrollspy", "json": "https://design-vault.pages.dev/ai/assets/motion-scrollspy.json", "designJson": null } }, { "id": "motion:motion-scrollytelling", "slug": "motion-scrollytelling", "kind": "motion", "title": { "ja": "スクロールテリング", "en": "Scrollytelling" }, "summary": { "ja": "文章に合わせて固定図が切り替わる", "en": "A fixed figure changes with the text" }, "useCases": [], "layoutKinds": [], "reasoningJobs": [], "capabilities": [ "live-preview", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/motion-scrollytelling", "en": "https://design-vault.pages.dev/en/designs/motion-scrollytelling", "json": "https://design-vault.pages.dev/ai/assets/motion-scrollytelling.json", "designJson": null } }, { "id": "motion:motion-slash-strike", "slug": "motion-slash-strike", "kind": "motion", "title": { "ja": "斜線を入れる", "en": "Diagonal slashes" }, "summary": { "ja": "文字の間に斜線が左から順に引かれる", "en": "Diagonal lines are drawn between the letters of a title, left to right" }, "useCases": [], "layoutKinds": [], "reasoningJobs": [], "capabilities": [ "live-preview", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/motion-slash-strike", "en": "https://design-vault.pages.dev/en/designs/motion-slash-strike", "json": "https://design-vault.pages.dev/ai/assets/motion-slash-strike.json", "designJson": null } }, { "id": "motion:motion-slide-in", "slug": "motion-slide-in", "kind": "motion", "title": { "ja": "スライドイン", "en": "Slide-in" }, "summary": { "ja": "横からすべり込む", "en": "Elements slide in from the side" }, "useCases": [], "layoutKinds": [], "reasoningJobs": [], "capabilities": [ "live-preview", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/motion-slide-in", "en": "https://design-vault.pages.dev/en/designs/motion-slide-in", "json": "https://design-vault.pages.dev/ai/assets/motion-slide-in.json", "designJson": null } }, { "id": "motion:motion-sparkle-scatter", "slug": "motion-sparkle-scatter", "kind": "motion", "title": { "ja": "装飾を散らす", "en": "Sparkle scatter" }, "summary": { "ja": "見出しのまわりに星が順にまたたく", "en": "Four-point stars twinkle into place around a title one after another" }, "useCases": [], "layoutKinds": [], "reasoningJobs": [], "capabilities": [ "live-preview", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/motion-sparkle-scatter", "en": "https://design-vault.pages.dev/en/designs/motion-sparkle-scatter", "json": "https://design-vault.pages.dev/ai/assets/motion-sparkle-scatter.json", "designJson": null } }, { "id": "motion:motion-stacking-cards", "slug": "motion-stacking-cards", "kind": "motion", "title": { "ja": "カードスタック", "en": "Stacking cards" }, "summary": { "ja": "カードが重なっていく", "en": "Cards stack over one another as you scroll" }, "useCases": [], "layoutKinds": [], "reasoningJobs": [], "capabilities": [ "live-preview", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/motion-stacking-cards", "en": "https://design-vault.pages.dev/en/designs/motion-stacking-cards", "json": "https://design-vault.pages.dev/ai/assets/motion-stacking-cards.json", "designJson": null } }, { "id": "motion:motion-stagger", "slug": "motion-stagger", "kind": "motion", "title": { "ja": "スタッガー", "en": "Stagger" }, "summary": { "ja": "時間差で順番に表示", "en": "Cards appear one after another with a short delay" }, "useCases": [], "layoutKinds": [], "reasoningJobs": [], "capabilities": [ "live-preview", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/motion-stagger", "en": "https://design-vault.pages.dev/en/designs/motion-stagger", "json": "https://design-vault.pages.dev/ai/assets/motion-stagger.json", "designJson": null } }, { "id": "motion:motion-sticky", "slug": "motion-sticky", "kind": "motion", "title": { "ja": "スティッキー", "en": "Sticky" }, "summary": { "ja": "見出しが上に貼り付く", "en": "Headings stick to the top as you scroll" }, "useCases": [], "layoutKinds": [], "reasoningJobs": [], "capabilities": [ "live-preview", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/motion-sticky", "en": "https://design-vault.pages.dev/en/designs/motion-sticky", "json": "https://design-vault.pages.dev/ai/assets/motion-sticky.json", "designJson": null } }, { "id": "motion:motion-sticky-cta", "slug": "motion-sticky-cta", "kind": "motion", "title": { "ja": "追従 CTA", "en": "Sticky CTA bar" }, "summary": { "ja": "途中から下端にボタン帯が現れる", "en": "A button bar rises from the bottom edge partway down the page" }, "useCases": [], "layoutKinds": [], "reasoningJobs": [], "capabilities": [ "live-preview", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/motion-sticky-cta", "en": "https://design-vault.pages.dev/en/designs/motion-sticky-cta", "json": "https://design-vault.pages.dev/ai/assets/motion-sticky-cta.json", "designJson": null } }, { "id": "motion:motion-stretch-stroke", "slug": "motion-stretch-stroke", "kind": "motion", "title": { "ja": "一部を伸ばす", "en": "Stretch a stroke" }, "summary": { "ja": "見出しの一画だけが長く伸びる", "en": "One stroke of a title stretches far out to the side" }, "useCases": [], "layoutKinds": [], "reasoningJobs": [], "capabilities": [ "live-preview", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/motion-stretch-stroke", "en": "https://design-vault.pages.dev/en/designs/motion-stretch-stroke", "json": "https://design-vault.pages.dev/ai/assets/motion-stretch-stroke.json", "designJson": null } }, { "id": "motion:motion-stroke-order", "slug": "motion-stroke-order", "kind": "motion", "title": { "ja": "筆順", "en": "Stroke order" }, "summary": { "ja": "文字が一画ずつ、筆順どおりに書かれる", "en": "A character is written one stroke at a time, in stroke order" }, "useCases": [], "layoutKinds": [], "reasoningJobs": [], "capabilities": [ "live-preview", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/motion-stroke-order", "en": "https://design-vault.pages.dev/en/designs/motion-stroke-order", "json": "https://design-vault.pages.dev/ai/assets/motion-stroke-order.json", "designJson": null } }, { "id": "motion:motion-svg-line-draw", "slug": "motion-svg-line-draw", "kind": "motion", "title": { "ja": "SVGラインドロー", "en": "SVG line drawing" }, "summary": { "ja": "線が描かれていく", "en": "Lines draw themselves as the page scrolls" }, "useCases": [], "layoutKinds": [], "reasoningJobs": [], "capabilities": [ "live-preview", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/motion-svg-line-draw", "en": "https://design-vault.pages.dev/en/designs/motion-svg-line-draw", "json": "https://design-vault.pages.dev/ai/assets/motion-svg-line-draw.json", "designJson": null } }, { "id": "motion:motion-text-fill", "slug": "motion-text-fill", "kind": "motion", "title": { "ja": "テキストフィル", "en": "Text fill on scroll" }, "summary": { "ja": "読み進めるほど文字色が塗られる", "en": "Words take on their full colour as the reader scrolls through them" }, "useCases": [], "layoutKinds": [], "reasoningJobs": [], "capabilities": [ "live-preview", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/motion-text-fill", "en": "https://design-vault.pages.dev/en/designs/motion-text-fill", "json": "https://design-vault.pages.dev/ai/assets/motion-text-fill.json", "designJson": null } }, { "id": "motion:motion-text-gather", "slug": "motion-text-gather", "kind": "motion", "title": { "ja": "粒子集結", "en": "Text gather" }, "summary": { "ja": "散らばった粒が集まって文字になる", "en": "Scattered particles swirl together and settle into a line of text" }, "useCases": [], "layoutKinds": [], "reasoningJobs": [], "capabilities": [ "live-preview", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/motion-text-gather", "en": "https://design-vault.pages.dev/en/designs/motion-text-gather", "json": "https://design-vault.pages.dev/ai/assets/motion-text-gather.json", "designJson": null } }, { "id": "motion:motion-text-on-path", "slug": "motion-text-on-path", "kind": "motion", "title": { "ja": "曲線に沿う文字", "en": "Text on a path" }, "summary": { "ja": "文字が曲線に沿って流れていく", "en": "A sentence flows along a curved path as you scroll" }, "useCases": [], "layoutKinds": [], "reasoningJobs": [], "capabilities": [ "live-preview", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/motion-text-on-path", "en": "https://design-vault.pages.dev/en/designs/motion-text-on-path", "json": "https://design-vault.pages.dev/ai/assets/motion-text-on-path.json", "designJson": null } }, { "id": "motion:motion-text-reveal", "slug": "motion-text-reveal", "kind": "motion", "title": { "ja": "テキストリビール", "en": "Text reveal" }, "summary": { "ja": "文字が1字ずつせり上がる", "en": "Characters rise up one by one from below their line" }, "useCases": [], "layoutKinds": [], "reasoningJobs": [], "capabilities": [ "live-preview", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/motion-text-reveal", "en": "https://design-vault.pages.dev/en/designs/motion-text-reveal", "json": "https://design-vault.pages.dev/ai/assets/motion-text-reveal.json", "designJson": null } }, { "id": "motion:motion-text-scramble", "slug": "motion-text-scramble", "kind": "motion", "title": { "ja": "テキストスクランブル", "en": "Text scramble" }, "summary": { "ja": "乱れた文字が読める文に定まる", "en": "Scrambled glyphs settle into readable text" }, "useCases": [], "layoutKinds": [], "reasoningJobs": [], "capabilities": [ "live-preview", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/motion-text-scramble", "en": "https://design-vault.pages.dev/en/designs/motion-text-scramble", "json": "https://design-vault.pages.dev/ai/assets/motion-text-scramble.json", "designJson": null } }, { "id": "motion:motion-text-shatter", "slug": "motion-text-shatter", "kind": "motion", "title": { "ja": "粒子ばらけ", "en": "Text shatter" }, "summary": { "ja": "文字が粒になって風に散っていく", "en": "A line of text breaks into particles and is blown away by the wind" }, "useCases": [], "layoutKinds": [], "reasoningJobs": [], "capabilities": [ "live-preview", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/motion-text-shatter", "en": "https://design-vault.pages.dev/en/designs/motion-text-shatter", "json": "https://design-vault.pages.dev/ai/assets/motion-text-shatter.json", "designJson": null } }, { "id": "motion:motion-timeline-fill", "slug": "motion-timeline-fill", "kind": "motion", "title": { "ja": "タイムライン", "en": "Timeline progress fill" }, "summary": { "ja": "縦線が伸び、各段が灯る", "en": "A vertical line grows down the page and each step lights up as it reaches it" }, "useCases": [], "layoutKinds": [], "reasoningJobs": [], "capabilities": [ "live-preview", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/motion-timeline-fill", "en": "https://design-vault.pages.dev/en/designs/motion-timeline-fill", "json": "https://design-vault.pages.dev/ai/assets/motion-timeline-fill.json", "designJson": null } }, { "id": "motion:motion-tracking-expand", "slug": "motion-tracking-expand", "kind": "motion", "title": { "ja": "字間の開閉", "en": "Letter-spacing on scroll" }, "summary": { "ja": "字間がスクロールで広がり、また詰まる", "en": "Letter-spacing widens as you scroll, then tightens again" }, "useCases": [], "layoutKinds": [], "reasoningJobs": [], "capabilities": [ "live-preview", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/motion-tracking-expand", "en": "https://design-vault.pages.dev/en/designs/motion-tracking-expand", "json": "https://design-vault.pages.dev/ai/assets/motion-tracking-expand.json", "designJson": null } }, { "id": "motion:motion-tunnel-fly", "slug": "motion-tunnel-fly", "kind": "motion", "title": { "ja": "トンネル", "en": "Tunnel" }, "summary": { "ja": "奥へ飛び込むように層が迫る", "en": "Layers rush toward you as if flying into a tunnel" }, "useCases": [], "layoutKinds": [], "reasoningJobs": [], "capabilities": [ "live-preview", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/motion-tunnel-fly", "en": "https://design-vault.pages.dev/en/designs/motion-tunnel-fly", "json": "https://design-vault.pages.dev/ai/assets/motion-tunnel-fly.json", "designJson": null } }, { "id": "motion:motion-typewriter", "slug": "motion-typewriter", "kind": "motion", "title": { "ja": "タイプライター", "en": "Typewriter" }, "summary": { "ja": "1文字ずつ打ち込まれる", "en": "Text is typed out one character at a time" }, "useCases": [], "layoutKinds": [], "reasoningJobs": [], "capabilities": [ "live-preview", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/motion-typewriter", "en": "https://design-vault.pages.dev/en/designs/motion-typewriter", "json": "https://design-vault.pages.dev/ai/assets/motion-typewriter.json", "designJson": null } }, { "id": "motion:motion-velocity-skew", "slug": "motion-velocity-skew", "kind": "motion", "title": { "ja": "ベロシティスキュー", "en": "Velocity skew" }, "summary": { "ja": "速くスクロールすると傾く", "en": "Headings tilt when you scroll fast and level out when you stop" }, "useCases": [], "layoutKinds": [], "reasoningJobs": [], "capabilities": [ "live-preview", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/motion-velocity-skew", "en": "https://design-vault.pages.dev/en/designs/motion-velocity-skew", "json": "https://design-vault.pages.dev/ai/assets/motion-velocity-skew.json", "designJson": null } }, { "id": "motion:motion-vertical-write", "slug": "motion-vertical-write", "kind": "motion", "title": { "ja": "縦書きの筆記", "en": "Vertical writing" }, "summary": { "ja": "縦書きの文が右の行から一字ずつ現れる", "en": "Vertical Japanese text is written onto manuscript paper, column by column from the right" }, "useCases": [], "layoutKinds": [], "reasoningJobs": [], "capabilities": [ "live-preview", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/motion-vertical-write", "en": "https://design-vault.pages.dev/en/designs/motion-vertical-write", "json": "https://design-vault.pages.dev/ai/assets/motion-vertical-write.json", "designJson": null } }, { "id": "motion:motion-word-swapper", "slug": "motion-word-swapper", "kind": "motion", "title": { "ja": "ワードスワッパー", "en": "Rotating word swapper" }, "summary": { "ja": "一語が縦に入れ替わっていく", "en": "One word in a sentence rolls vertically to the next" }, "useCases": [], "layoutKinds": [], "reasoningJobs": [], "capabilities": [ "live-preview", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse", "related": [], "urls": { "ja": "https://design-vault.pages.dev/designs/motion-word-swapper", "en": "https://design-vault.pages.dev/en/designs/motion-word-swapper", "json": "https://design-vault.pages.dev/ai/assets/motion-word-swapper.json", "designJson": null } } ] }