{ "id": "scope-in-out-two-fields", "schemaVersion": 2, "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" }, "capturedAt": "2026-09-15", "categories": [ "presentation" ], "tags": [ "minimal", "typography" ], "useCases": [ "scope", "comparison" ], "format": "slide-16x9", "density": "medium", "layout": { "kind": "2-column", "canvas": { "w": 1920, "h": 1080 }, "margin": { "top": 108, "right": 140, "bottom": 108, "left": 140 }, "columns": { "count": 2, "gap": 64 }, "emphasis": { "column": 1, "via": [ "rule" ] } }, "type": { "title": { "size": 48, "weight": 700, "tracking": "0.01em", "leading": 1.3 }, "lede": { "size": 19, "weight": 400, "leading": 1.8 }, "side": { "size": 16, "weight": 500, "tracking": "0.18em", "transform": "upper" }, "heading": { "size": 34, "weight": 700, "leading": 1.35 }, "item": { "size": 20, "weight": 500, "leading": 1.5 }, "why": { "size": 16, "weight": 400, "leading": 1.75 }, "foot": { "size": 17, "weight": 500 } }, "colors": { "ground": "#FFFFFF", "surface": "#F4F6F9", "ink": "#131820", "muted": "#667183", "accent": "#1F5FA8", "rule": "#DBE1E9", "series": [] }, "rules": [ { "ja": "2 面は等幅にする。対象外を小さくすると「大した話ではない」と読まれ、後で必ず「入っていると思っていた」に化ける", "en": "Keep the two fields equal — a smaller out-of-scope reads as unimportant and comes back later as \"we assumed it was included\"" }, { "ja": "件数も揃える。片側だけ 3 件だと、少ない側が検討されていないように見える", "en": "Match the counts too; three items against seven looks like one side was not thought about" }, { "ja": "対象外の各項目に「いつやるか」を添える。日付の無い対象外は、断りとしてしか読まれない", "en": "Give every out-of-scope item a when — without a date it reads as a refusal, not a sequence" }, { "ja": "強調は罫の色 1 手段。どちらの面も塗ってしまうと、線がどこにあるのか分からなくなる", "en": "Emphasis is the rule colour alone — fill both fields and the boundary, which is the whole point, disappears" } ], "cover": "https://design-vault.pages.dev/_astro/cover.DvklewFd.png", "assets": [], "shortlist": true, "status": "published", "relations": { "similar": [ "requirements-response-table", "comparison-table-single-fill", "problem-solution-3step" ] }, "license": "Original", "publishedAt": null, "reproduction": { "spec": { "format": "slide-16x9", "density": "medium", "layout": { "kind": "2-column", "canvas": { "w": 1920, "h": 1080 }, "margin": { "top": 108, "right": 140, "bottom": 108, "left": 140 }, "columns": { "count": 2, "gap": 64 }, "emphasis": { "column": 1, "via": [ "rule" ] } }, "type": { "title": { "size": 48, "weight": 700, "tracking": "0.01em", "leading": 1.3 }, "lede": { "size": 19, "weight": 400, "leading": 1.8 }, "side": { "size": 16, "weight": 500, "tracking": "0.18em", "transform": "upper" }, "heading": { "size": 34, "weight": 700, "leading": 1.35 }, "item": { "size": 20, "weight": 500, "leading": 1.5 }, "why": { "size": 16, "weight": 400, "leading": 1.75 }, "foot": { "size": 17, "weight": 500 } }, "colors": { "ground": "#FFFFFF", "surface": "#F4F6F9", "ink": "#131820", "muted": "#667183", "accent": "#1F5FA8", "rule": "#DBE1E9" }, "rules": [ "Keep the two fields equal — a smaller out-of-scope reads as unimportant and comes back later as \"we assumed it was included\"", "Match the counts too; three items against seven looks like one side was not thought about", "Give every out-of-scope item a when — without a date it reads as a refusal, not a sequence", "Emphasis is the rule colour alone — fill both fields and the boundary, which is the whole point, disappears" ] }, "prompt": { "ja": "以下の仕様でスライドを 1 枚作ってください。\n\n- 版面 1920 × 1080\n- 余白 上 108 右 140 下 108 左 140\n- 2 カラム（等分）、間隔 64\n\n## 強調\n1 列目のみ。手段は 罫 だけ。ほかは変えない\n\n## 文字（版面 1920px に対する px）\ntitle 48px / 700 / 字間 0.01em / 行送り 1.3\nlede 19px / 400 / 行送り 1.8\nside 16px / 500 / 字間 0.18em / 大文字\nheading 34px / 700 / 行送り 1.35\nitem 20px / 500 / 行送り 1.5\nwhy 16px / 400 / 行送り 1.75\nfoot 17px / 500\n\n## 配色\n地 #FFFFFF / 面 #F4F6F9 / 文字 #131820 / 補助 #667183 / 強調 #1F5FA8 / 罫 #DBE1E9\n\n## 外すと崩れる点\n- 2 面は等幅にする。対象外を小さくすると「大した話ではない」と読まれ、後で必ず「入っていると思っていた」に化ける\n- 件数も揃える。片側だけ 3 件だと、少ない側が検討されていないように見える\n- 対象外の各項目に「いつやるか」を添える。日付の無い対象外は、断りとしてしか読まれない\n- 強調は罫の色 1 手段。どちらの面も塗ってしまうと、線がどこにあるのか分からなくなる\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/scope-in-out-two-fields/pattern.html", "en": "Produce one slide to the following specification.\n\n- Canvas 1920 × 1080\n- Margin top 108 right 140 bottom 108 left 140\n- 2 equal columns, gap 64\n\n## Emphasis\ncolumn 1 only, by rule and nothing else\n\n## Type (px against a 1920px canvas)\ntitle 48px / 700 / tracking 0.01em / leading 1.3\nlede 19px / 400 / leading 1.8\nside 16px / 500 / tracking 0.18em / uppercase\nheading 34px / 700 / leading 1.35\nitem 20px / 500 / leading 1.5\nwhy 16px / 400 / leading 1.75\nfoot 17px / 500\n\n## Colour\nGround #FFFFFF / Surface #F4F6F9 / Ink #131820 / Muted #667183 / Accent #1F5FA8 / Rule #DBE1E9\n\n## Constraints — dropping these breaks it\n- Keep the two fields equal — a smaller out-of-scope reads as unimportant and comes back later as \"we assumed it was included\"\n- Match the counts too; three items against seven looks like one side was not thought about\n- Give every out-of-scope item a when — without a date it reads as a refusal, not a sequence\n- Emphasis is the rule colour alone — fill both fields and the boundary, which is the whole point, disappears\n\nReplace the content with [your content]. Keep the measurements and colours as given.\nFor an exact reproduction, use the verbatim HTML at https://design-vault.pages.dev/designs/scope-in-out-two-fields/pattern.html." }, "code": { "html": "\n\nスコープの線引き — 対象と対象外を同じ大きさで並べる\n\n\n\n\n
\n
\n
\n

第 1 期の対象範囲

\n

この 1 枚で合意いただきたいのは、どちらの面に何が載るかではなく、その間に線が引かれていることです。

\n
\n\n
\n
\n

IN SCOPE

\n

第 1 期で作るもの

\n
    \n
  • 受注登録・受注照会
    • \n
  • 出荷指示までの一連の処理
    • \n
  • 在庫システムとの即時連携
    • \n
  • 主要 9 帳票の出力
    • \n
  • 現行データの初期移行
    • \n
\n

受注業務を止めずに移せる最小の単位。ここを切ると移行の山が 1 回で済みます。

\n
\n\n
\n

OUT OF SCOPE

\n

第 1 期では作らないもの

\n
    \n
  • モバイルからの受注登録
    • \n
  • 請求・入金の消込
    • \n
  • 販売実績の分析画面
    • \n
  • 統合対象の 4 帳票
    • \n
  • 倉庫側の作業端末
    • \n
\n

やらないのではなく、第 1 期に含めません。第 2 期の計画に日付付きで載せています。

\n
\n
\n\n

この線を動かす依頼は、工程・費用の再見積とあわせてご相談させてください。

\n
\n
\n", "url": "https://design-vault.pages.dev/designs/scope-in-out-two-fields/pattern.html", "fonts": [ "https://design-vault.pages.dev/designs/scope-in-out-two-fields/font.css", "https://design-vault.pages.dev/designs/scope-in-out-two-fields/font-0.woff2", "https://design-vault.pages.dev/designs/scope-in-out-two-fields/font-1.woff2", "https://design-vault.pages.dev/designs/scope-in-out-two-fields/font-2.woff2" ] } }, "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" }, "notesMarkdown": "## この構成について / About this pattern\n\n第 1 期に何を含めるかを 1 枚で合意するための版。**`pattern.html` が版そのもの**で、`cover.png` と\nfrontmatter の寸法はどちらもそこから機械的に出している。編集するのは `pattern.html` だけ。\n\nThe page that gets the first phase's boundary agreed. `pattern.html` is the artboard itself; both\n`cover.png` and the measurements come from it, so the three cannot drift apart.\n\n### Techniques\n\n- 対象は面（`--surface`）、対象外は罫。同じ情報量を 2 種類の見せ方で置くと、等幅のまま差が付く\n- 各面の下に 1 行だけ理由を添える。「なぜその線か」が無いと、線は交渉の出発点にしかならない\n- 下端に「線を動かすときの手続き」を書いておく。範囲の追加要求はこの 1 行の有無で扱いが変わる\n\n### Apply to\n\n- 提案・要件定義でのスコープ合意、フェーズ分割の説明\n- 変更要求の判定（左を「今回対応」、右を「次回以降」に読み替える）" }