{
  "id": "closing-decision-request",
  "schemaVersion": 2,
  "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"
  },
  "capturedAt": "2026-09-15",
  "categories": [
    "presentation"
  ],
  "tags": [
    "minimal",
    "typography"
  ],
  "useCases": [
    "summary"
  ],
  "format": "slide-16x9",
  "density": "low",
  "layout": {
    "kind": "centered",
    "canvas": {
      "w": 1920,
      "h": 1080
    },
    "margin": {
      "top": 120,
      "right": 140,
      "bottom": 120,
      "left": 140
    }
  },
  "type": {
    "kicker": {
      "size": 15,
      "weight": 500,
      "tracking": "0.3em",
      "transform": "upper"
    },
    "title": {
      "size": 54,
      "weight": 700,
      "tracking": "0.01em",
      "leading": 1.35
    },
    "lede": {
      "size": 19,
      "weight": 400,
      "leading": 1.9
    },
    "n": {
      "size": 30,
      "weight": 700,
      "numeric": "tabular"
    },
    "what": {
      "size": 27,
      "weight": 700,
      "leading": 1.45
    },
    "why": {
      "size": 16,
      "weight": 400,
      "leading": 1.7
    },
    "due": {
      "size": 20,
      "weight": 500,
      "numeric": "tabular"
    },
    "dueNote": {
      "size": 14,
      "weight": 400
    },
    "next": {
      "size": 18,
      "weight": 500,
      "leading": 1.7,
      "numeric": "tabular"
    }
  },
  "colors": {
    "ground": "#FFFFFF",
    "surface": "#F4F6F9",
    "ink": "#131820",
    "muted": "#667183",
    "accent": "#1F5FA8",
    "rule": "#DBE1E9",
    "series": []
  },
  "rules": [
    {
      "ja": "判断は 3 件まで。4 件目を足すと、どれも「持ち帰って検討」に送られる",
      "en": "Three asks at most — add a fourth and all of them go home to be considered"
    },
    {
      "ja": "期限には「遅れると何が動くか」を必ず添える。日付だけでは、それが守るべき日付かどうか読み手に分からない",
      "en": "Every date carries what slips if it is missed; a bare date does not tell the reader whether it is a real one"
    },
    {
      "ja": "各件に本編の章番号を書く。締めの 1 枚だけを見た人が、根拠を探して資料を往復せずに済む",
      "en": "Cite the chapter for each ask, so someone reading only this page can find the argument without paging back and forth"
    },
    {
      "ja": "下端に次回の日時を置く。締めの紙に次の予定が無いと、判断の期限だけが宙に浮く",
      "en": "Put the next meeting at the foot — a closing page with no next date leaves the deadlines with nothing to land on"
    },
    {
      "ja": "中央寄せにするのは、この 1 枚が読み物ではなく合図だから。左揃えにすると本編の続きとして流される",
      "en": "Centre it: this page is a signal rather than a reading. Left-aligned, it reads as one more content slide and gets skimmed"
    }
  ],
  "cover": "https://design-vault.pages.dev/_astro/cover.tqR9AFY6.png",
  "assets": [],
  "shortlist": true,
  "status": "published",
  "relations": {
    "similar": [
      "problem-solution-3step",
      "agenda-numbered-sections",
      "appendix-index-grid"
    ]
  },
  "license": "Original",
  "publishedAt": null,
  "reproduction": {
    "spec": {
      "format": "slide-16x9",
      "density": "low",
      "layout": {
        "kind": "centered",
        "canvas": {
          "w": 1920,
          "h": 1080
        },
        "margin": {
          "top": 120,
          "right": 140,
          "bottom": 120,
          "left": 140
        }
      },
      "type": {
        "kicker": {
          "size": 15,
          "weight": 500,
          "tracking": "0.3em",
          "transform": "upper"
        },
        "title": {
          "size": 54,
          "weight": 700,
          "tracking": "0.01em",
          "leading": 1.35
        },
        "lede": {
          "size": 19,
          "weight": 400,
          "leading": 1.9
        },
        "n": {
          "size": 30,
          "weight": 700,
          "numeric": "tabular"
        },
        "what": {
          "size": 27,
          "weight": 700,
          "leading": 1.45
        },
        "why": {
          "size": 16,
          "weight": 400,
          "leading": 1.7
        },
        "due": {
          "size": 20,
          "weight": 500,
          "numeric": "tabular"
        },
        "dueNote": {
          "size": 14,
          "weight": 400
        },
        "next": {
          "size": 18,
          "weight": 500,
          "leading": 1.7,
          "numeric": "tabular"
        }
      },
      "colors": {
        "ground": "#FFFFFF",
        "surface": "#F4F6F9",
        "ink": "#131820",
        "muted": "#667183",
        "accent": "#1F5FA8",
        "rule": "#DBE1E9"
      },
      "rules": [
        "Three asks at most — add a fourth and all of them go home to be considered",
        "Every date carries what slips if it is missed; a bare date does not tell the reader whether it is a real one",
        "Cite the chapter for each ask, so someone reading only this page can find the argument without paging back and forth",
        "Put the next meeting at the foot — a closing page with no next date leaves the deadlines with nothing to land on",
        "Centre it: this page is a signal rather than a reading. Left-aligned, it reads as one more content slide and gets skimmed"
      ]
    },
    "prompt": {
      "ja": "以下の仕様でスライドを 1 枚作ってください。\n\n- 版面 1920 × 1080\n- 余白 上 120 右 140 下 120 左 140\n\n## 文字（版面 1920px に対する px）\nkicker  15px / 500 / 字間 0.3em / 大文字\ntitle  54px / 700 / 字間 0.01em / 行送り 1.35\nlede  19px / 400 / 行送り 1.9\nn  30px / 700 / 等幅数字\nwhat  27px / 700 / 行送り 1.45\nwhy  16px / 400 / 行送り 1.7\ndue  20px / 500 / 等幅数字\ndueNote  14px / 400\nnext  18px / 500 / 行送り 1.7 / 等幅数字\n\n## 配色\n地 #FFFFFF / 面 #F4F6F9 / 文字 #131820 / 補助 #667183 / 強調 #1F5FA8 / 罫 #DBE1E9\n\n## 外すと崩れる点\n- 判断は 3 件まで。4 件目を足すと、どれも「持ち帰って検討」に送られる\n- 期限には「遅れると何が動くか」を必ず添える。日付だけでは、それが守るべき日付かどうか読み手に分からない\n- 各件に本編の章番号を書く。締めの 1 枚だけを見た人が、根拠を探して資料を往復せずに済む\n- 下端に次回の日時を置く。締めの紙に次の予定が無いと、判断の期限だけが宙に浮く\n- 中央寄せにするのは、この 1 枚が読み物ではなく合図だから。左揃えにすると本編の続きとして流される\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/closing-decision-request/pattern.html",
      "en": "Produce one slide to the following specification.\n\n- Canvas 1920 × 1080\n- Margin top 120 right 140 bottom 120 left 140\n\n## Type (px against a 1920px canvas)\nkicker  15px / 500 / tracking 0.3em / uppercase\ntitle  54px / 700 / tracking 0.01em / leading 1.35\nlede  19px / 400 / leading 1.9\nn  30px / 700 / tabular numerals\nwhat  27px / 700 / leading 1.45\nwhy  16px / 400 / leading 1.7\ndue  20px / 500 / tabular numerals\ndueNote  14px / 400\nnext  18px / 500 / leading 1.7 / tabular numerals\n\n## Colour\nGround #FFFFFF / Surface #F4F6F9 / Ink #131820 / Muted #667183 / Accent #1F5FA8 / Rule #DBE1E9\n\n## Constraints — dropping these breaks it\n- Three asks at most — add a fourth and all of them go home to be considered\n- Every date carries what slips if it is missed; a bare date does not tell the reader whether it is a real one\n- Cite the chapter for each ask, so someone reading only this page can find the argument without paging back and forth\n- Put the next meeting at the foot — a closing page with no next date leaves the deadlines with nothing to land on\n- Centre it: this page is a signal rather than a reading. Left-aligned, it reads as one more content slide and gets skimmed\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/closing-decision-request/pattern.html."
    },
    "code": {
      "html": "<!doctype html>\n<meta charset=\"utf-8\">\n<title>締めの 1 枚 — お願いする判断を期限つきで 3 件だけ</title>\n<meta name=\"dv-font\" content=\"Zen Kaku Gothic New:400;500;700\">\n<link rel=\"stylesheet\" href=\"./font.css\">\n<style>\n  /* この版そのもの。index.md の layout / type / colors は、この HTML を\n     scripts/render-pattern.mjs で実測した結果であって、別に書いた説明ではない。 */\n  :root {\n    --ground: #FFFFFF;\n    --surface: #F4F6F9;\n    --ink: #131820;\n    --muted: #667183;\n    --accent: #1F5FA8;\n    --rule: #DBE1E9;\n  }\n  * { box-sizing: border-box; margin: 0; }\n  html, body { width: 1920px; height: 1080px; }\n  body { font-family: \"Zen Kaku Gothic New\", \"IPAGothic\", sans-serif; }\n\n  .artboard {\n    width: 1920px; height: 1080px;\n    background: var(--ground); color: var(--ink);\n    padding: 120px 140px;                 /* → layout.margin */\n  }\n  .content { height: 100%; display: grid; grid-template-rows: auto 1fr auto; justify-items: center; }\n\n  .head { text-align: center; display: grid; gap: 20px; max-width: 1080px; }\n  .kicker { font-size: 15px; font-weight: 500; letter-spacing: .3em; text-transform: uppercase; color: var(--accent); }\n  .title { font-size: 54px; font-weight: 700; line-height: 1.35; letter-spacing: .01em; }\n  .lede { font-size: 19px; font-weight: 400; line-height: 1.9; color: var(--muted); }\n\n  /* 3 件まで。4 件目を足すと、どれも「後で」に送られる。 */\n  .asks { align-self: center; width: 100%; max-width: 1360px; display: grid; gap: 2px; }\n  .ask { display: grid; grid-template-columns: 76px 1fr 300px; align-items: center; gap: 40px; background: var(--surface); padding: 34px 40px; }\n  .n { font-size: 30px; font-weight: 700; color: var(--accent); font-variant-numeric: tabular-nums; }\n  .what { font-size: 27px; font-weight: 700; line-height: 1.45; }\n  .why { font-size: 16px; font-weight: 400; line-height: 1.7; color: var(--muted); margin-top: 10px; }\n  .due { font-size: 20px; font-weight: 500; text-align: right; font-variant-numeric: tabular-nums; }\n  .dueNote { font-size: 14px; font-weight: 400; color: var(--muted); margin-top: 8px; }\n\n  .foot { text-align: center; border-top: 1px solid var(--rule); padding-top: 28px; width: 100%; max-width: 1360px; }\n  .next { font-size: 18px; font-weight: 500; line-height: 1.7; font-variant-numeric: tabular-nums; }\n</style>\n\n<div class=\"artboard\" data-artboard>\n  <div class=\"content\" data-content>\n    <div class=\"head\">\n      <p class=\"kicker\" data-type=\"kicker\">NEXT STEPS</p>\n      <h1 class=\"title\" data-type=\"title\">本日ご判断いただきたいこと</h1>\n      <p class=\"lede\" data-type=\"lede\">3 件です。いずれも期限を過ぎると工程が動くため、期限のほうを先に書いています。</p>\n    </div>\n\n    <div class=\"asks\">\n      <div class=\"ask\" data-row=\"1\">\n        <p class=\"n\" data-type=\"n\">01</p>\n        <div>\n          <p class=\"what\" data-type=\"what\">第 1 期の対象範囲（2 章）のご承認</p>\n          <p class=\"why\" data-type=\"why\">要件定義の着手条件です。確定後に体制を組みます。</p>\n        </div>\n        <div>\n          <p class=\"due\" data-type=\"due\">2026.09.30</p>\n          <p class=\"dueNote\" data-type=\"dueNote\">1 週間の遅れで着手が 1 か月ずれます</p>\n        </div>\n      </div>\n\n      <div class=\"ask\" data-row=\"2\">\n        <p class=\"n\">02</p>\n        <div>\n          <p class=\"what\">在庫連携を同期方式とする前提（3 章）</p>\n          <p class=\"why\">既存システム側の改修有無がここで決まります。</p>\n        </div>\n        <div>\n          <p class=\"due\">2026.10.15</p>\n          <p class=\"dueNote\">基本設計の開始までに必要です</p>\n        </div>\n      </div>\n\n      <div class=\"ask\" data-row=\"3\">\n        <p class=\"n\">03</p>\n        <div>\n          <p class=\"what\">業務チーム 4 名の確保時期（4 章）</p>\n          <p class=\"why\">要件確定と受入判定を担っていただく方々です。</p>\n        </div>\n        <div>\n          <p class=\"due\">2026.10.31</p>\n          <p class=\"dueNote\">要件定義の 2 週目から参画をお願いします</p>\n        </div>\n      </div>\n    </div>\n\n    <p class=\"foot next\" data-type=\"next\">次回：2026.09.29（火）14:00 ／ ご承認いただいた範囲で要件定義計画をお持ちします。</p>\n  </div>\n</div>\n",
      "url": "https://design-vault.pages.dev/designs/closing-decision-request/pattern.html",
      "fonts": [
        "https://design-vault.pages.dev/designs/closing-decision-request/font.css",
        "https://design-vault.pages.dev/designs/closing-decision-request/font-0.woff2",
        "https://design-vault.pages.dev/designs/closing-decision-request/font-1.woff2",
        "https://design-vault.pages.dev/designs/closing-decision-request/font-2.woff2"
      ]
    }
  },
  "urls": {
    "ja": "https://design-vault.pages.dev/designs/closing-decision-request",
    "en": "https://design-vault.pages.dev/en/designs/closing-decision-request"
  },
  "notesMarkdown": "## この構成について / About this pattern\n\n説明の最後に置き、判断をお願いするための版。**`pattern.html` が版そのもの**で、`cover.png` と\nfrontmatter の寸法はどちらもそこから機械的に出している。編集するのは `pattern.html` だけ。\n\nThe page that closes a session by asking for decisions. `pattern.html` is the artboard itself;\nboth `cover.png` and the measurements come from it, so the three cannot drift apart.\n\n### Techniques\n\n- 各件を 76px / 1fr / 300px に割ると、番号・依頼・期限が縦に揃い、3 件を一度に見渡せる\n- 期限を右端に置いて数字を揃える。左に置くと依頼文の長さで日付の位置が動く\n- 面は 3 件で共通の 1 枚に見せる（`gap: 2px`）。件ごとに離すと、3 件が別々の議題に見える\n\n### Apply to\n\n- 提案・レビュー・定例会の最後の 1 枚\n- 課題のエスカレーション（依頼を「解除いただきたい制約」に読み替える）"
}