{
  "id": "next-action-owner-date",
  "schemaVersion": 2,
  "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"
  },
  "capturedAt": "2026-09-15",
  "categories": [
    "presentation"
  ],
  "tags": [
    "bold",
    "minimal"
  ],
  "useCases": [
    "next-action",
    "summary"
  ],
  "format": "slide-16x9",
  "density": "medium",
  "layout": {
    "kind": "3-column",
    "canvas": {
      "w": 1920,
      "h": 1080
    },
    "margin": {
      "top": 112,
      "right": 140,
      "bottom": 112,
      "left": 140
    },
    "columns": {
      "count": 3,
      "gap": 44
    },
    "emphasis": {
      "column": 1,
      "via": [
        "fill"
      ]
    }
  },
  "type": {
    "title": {
      "size": 46,
      "weight": 700,
      "tracking": "0.02em"
    },
    "lede": {
      "size": 20,
      "weight": 400,
      "leading": 1.8
    },
    "due": {
      "size": 16,
      "weight": 500,
      "tracking": "0.14em",
      "numeric": "tabular"
    },
    "what": {
      "size": 34,
      "weight": 700,
      "leading": 1.38
    },
    "detail": {
      "size": 18,
      "weight": 400,
      "leading": 1.8
    },
    "ownerLabel": {
      "size": 14,
      "weight": 500,
      "tracking": "0.14em"
    },
    "ownerName": {
      "size": 22,
      "weight": 500
    },
    "note": {
      "size": 18,
      "weight": 400,
      "leading": 1.8
    },
    "next": {
      "size": 17,
      "weight": 500,
      "numeric": "tabular"
    }
  },
  "colors": {
    "ground": "#10252A",
    "surface": "#17343A",
    "ink": "#EFF5F4",
    "muted": "#8EA7AB",
    "accent": "#48D6A8",
    "rule": "#23454C",
    "series": []
  },
  "rules": [
    {
      "ja": "3 件まで。4 件を超えると、読み上げても誰も覚えていない",
      "en": "Three at most — past four, nobody remembers them even read aloud"
    },
    {
      "ja": "塗るのは相手にお願いする 1 件だけ。自分の宿題は塗らない",
      "en": "Fill only what you are asking of them; your own tasks stay unfilled"
    },
    {
      "ja": "期限を先頭に置く。担当より先に日付を読ませる",
      "en": "The date comes first — it is read before the owner"
    }
  ],
  "cover": "https://design-vault.pages.dev/_astro/cover.HNa3mdtk.png",
  "assets": [],
  "shortlist": false,
  "status": "published",
  "relations": {
    "similar": [
      "statement-one-sentence",
      "org-tree-three-tiers",
      "agenda-numbered-two-column"
    ]
  },
  "license": "Original",
  "publishedAt": null,
  "reproduction": {
    "spec": {
      "format": "slide-16x9",
      "density": "medium",
      "layout": {
        "kind": "3-column",
        "canvas": {
          "w": 1920,
          "h": 1080
        },
        "margin": {
          "top": 112,
          "right": 140,
          "bottom": 112,
          "left": 140
        },
        "columns": {
          "count": 3,
          "gap": 44
        },
        "emphasis": {
          "column": 1,
          "via": [
            "fill"
          ]
        }
      },
      "type": {
        "title": {
          "size": 46,
          "weight": 700,
          "tracking": "0.02em"
        },
        "lede": {
          "size": 20,
          "weight": 400,
          "leading": 1.8
        },
        "due": {
          "size": 16,
          "weight": 500,
          "tracking": "0.14em",
          "numeric": "tabular"
        },
        "what": {
          "size": 34,
          "weight": 700,
          "leading": 1.38
        },
        "detail": {
          "size": 18,
          "weight": 400,
          "leading": 1.8
        },
        "ownerLabel": {
          "size": 14,
          "weight": 500,
          "tracking": "0.14em"
        },
        "ownerName": {
          "size": 22,
          "weight": 500
        },
        "note": {
          "size": 18,
          "weight": 400,
          "leading": 1.8
        },
        "next": {
          "size": 17,
          "weight": 500,
          "numeric": "tabular"
        }
      },
      "colors": {
        "ground": "#10252A",
        "surface": "#17343A",
        "ink": "#EFF5F4",
        "muted": "#8EA7AB",
        "accent": "#48D6A8",
        "rule": "#23454C"
      },
      "rules": [
        "Three at most — past four, nobody remembers them even read aloud",
        "Fill only what you are asking of them; your own tasks stay unfilled",
        "The date comes first — it is read before the owner"
      ]
    },
    "prompt": {
      "ja": "以下の仕様でスライドを 1 枚作ってください。\n\n- 版面 1920 × 1080\n- 余白 上 112 右 140 下 112 左 140\n- 3 カラム（等分）、間隔 44\n\n## 強調\n1 列目のみ。手段は 塗り だけ。ほかは変えない\n\n## 文字（版面 1920px に対する px）\ntitle  46px / 700 / 字間 0.02em\nlede  20px / 400 / 行送り 1.8\ndue  16px / 500 / 字間 0.14em / 等幅数字\nwhat  34px / 700 / 行送り 1.38\ndetail  18px / 400 / 行送り 1.8\nownerLabel  14px / 500 / 字間 0.14em\nownerName  22px / 500\nnote  18px / 400 / 行送り 1.8\nnext  17px / 500 / 等幅数字\n\n## 配色\n地 #10252A / 面 #17343A / 文字 #EFF5F4 / 補助 #8EA7AB / 強調 #48D6A8 / 罫 #23454C\n\n## 外すと崩れる点\n- 3 件まで。4 件を超えると、読み上げても誰も覚えていない\n- 塗るのは相手にお願いする 1 件だけ。自分の宿題は塗らない\n- 期限を先頭に置く。担当より先に日付を読ませる\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/next-action-owner-date/pattern.html",
      "en": "Produce one slide to the following specification.\n\n- Canvas 1920 × 1080\n- Margin top 112 right 140 bottom 112 left 140\n- 3 equal columns, gap 44\n\n## Emphasis\ncolumn 1 only, by fill and nothing else\n\n## Type (px against a 1920px canvas)\ntitle  46px / 700 / tracking 0.02em\nlede  20px / 400 / leading 1.8\ndue  16px / 500 / tracking 0.14em / tabular numerals\nwhat  34px / 700 / leading 1.38\ndetail  18px / 400 / leading 1.8\nownerLabel  14px / 500 / tracking 0.14em\nownerName  22px / 500\nnote  18px / 400 / leading 1.8\nnext  17px / 500 / tabular numerals\n\n## Colour\nGround #10252A / Surface #17343A / Ink #EFF5F4 / Muted #8EA7AB / Accent #48D6A8 / Rule #23454C\n\n## Constraints — dropping these breaks it\n- Three at most — past four, nobody remembers them even read aloud\n- Fill only what you are asking of them; your own tasks stay unfilled\n- The date comes first — it is read before the owner\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/next-action-owner-date/pattern.html."
    },
    "code": {
      "html": "<!doctype html>\n<meta charset=\"utf-8\">\n<title>次の一手 — 誰が・いつまでに・何を</title>\n<meta name=\"dv-font\" content=\"Zen Kaku Gothic New:400;500;700\">\n<link rel=\"stylesheet\" href=\"./font.css\">\n<style>\n  :root {\n    --ground: #10252A;\n    --surface: #17343A;\n    --ink: #EFF5F4;\n    --muted: #8EA7AB;\n    --accent: #48D6A8;\n    --rule: #23454C;\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: 112px 140px;\n  }\n  .content { height: 100%; display: grid; grid-template-rows: auto 1fr auto; gap: 52px; }\n\n  .head { display: grid; gap: 14px; }\n  .title { font-size: 46px; font-weight: 700; letter-spacing: .02em; }\n  .lede { font-size: 20px; font-weight: 400; line-height: 1.8; color: var(--muted); }\n\n  /* 3 件しか置かない。持ち帰る宿題が 4 件を超えると、\n     会議の最後に読み上げても誰も覚えていない。 */\n  .cols { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 44px; }\n  .act { background: var(--surface); padding: 48px 44px 44px; display: grid; grid-template-rows: auto auto 1fr auto; }\n  .due { font-size: 16px; font-weight: 500; letter-spacing: .14em; color: var(--accent); font-variant-numeric: tabular-nums; }\n  .what { margin-top: 22px; font-size: 34px; font-weight: 700; line-height: 1.38; }\n  .detail { margin-top: 24px; font-size: 18px; font-weight: 400; line-height: 1.8; color: var(--muted); }\n  .owner { margin-top: 32px; padding-top: 22px; border-top: 1px solid var(--rule); display: grid; gap: 7px; }\n  .ownerLabel { font-size: 14px; font-weight: 500; letter-spacing: .14em; color: var(--muted); }\n  .ownerName { font-size: 22px; font-weight: 500; }\n  /* 当社がやることではなく、貴社にお願いすることを 1 件だけ立てる。 */\n  .act[data-emphasis] { background: var(--accent); }\n  .act[data-emphasis] .due { color: var(--ground); }\n  .act[data-emphasis] .what { color: var(--ground); }\n  .act[data-emphasis] .detail { color: color-mix(in srgb, var(--ground) 78%, transparent); }\n  .act[data-emphasis] .owner { border-top-color: color-mix(in srgb, var(--ground) 30%, transparent); }\n  .act[data-emphasis] .ownerLabel { color: color-mix(in srgb, var(--ground) 68%, transparent); }\n  .act[data-emphasis] .ownerName { color: var(--ground); }\n\n  .foot { border-top: 1px solid var(--rule); padding-top: 28px; display: flex; justify-content: space-between; gap: 48px; align-items: baseline; }\n  .note { font-size: 18px; font-weight: 400; line-height: 1.8; color: var(--muted); max-width: 1220px; }\n  .next { font-size: 17px; font-weight: 500; color: var(--accent); 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      <h1 class=\"title\" data-type=\"title\">本日お持ち帰りいただくこと</h1>\n      <p class=\"lede\" data-type=\"lede\">3 件だけです。塗った 1 件が、次回までにご判断いただきたいものです。</p>\n    </div>\n\n    <div class=\"cols\">\n      <section class=\"act\" data-col=\"1\" data-emphasis=\"fill\">\n        <p class=\"due\" data-type=\"due\">9 / 30 まで</p>\n        <p class=\"what\" data-type=\"what\">移行方式の決定</p>\n        <p class=\"detail\" data-type=\"detail\">段階移行で進めてよいか。一括・並行を選ぶ場合は工程を引き直すため、この日を過ぎると 2027 年 3 月に間に合いません。</p>\n        <div class=\"owner\">\n          <p class=\"ownerLabel\" data-type=\"ownerLabel\">DECIDES</p>\n          <p class=\"ownerName\" data-type=\"ownerName\">情報システム部 部長</p>\n        </div>\n      </section>\n      <section class=\"act\" data-col=\"2\">\n        <p class=\"due\">10 / 7 まで</p>\n        <p class=\"what\">製造本部への説明</p>\n        <p class=\"detail\">停止時間 0 分の根拠をご説明します。同席者のご調整のみお願いします。</p>\n        <div class=\"owner\">\n          <p class=\"ownerLabel\">OWNER</p>\n          <p class=\"ownerName\">当社 営業担当</p>\n        </div>\n      </section>\n      <section class=\"act\" data-col=\"3\">\n        <p class=\"due\">10 / 15 まで</p>\n        <p class=\"what\">体制と日程の提示</p>\n        <p class=\"detail\">方式が決まり次第、常駐人数と週次の枠をご提案します。貴社側の参加者はその後で構いません。</p>\n        <div class=\"owner\">\n          <p class=\"ownerLabel\">OWNER</p>\n          <p class=\"ownerName\">当社 プロジェクト責任者</p>\n        </div>\n      </section>\n    </div>\n\n    <div class=\"foot\">\n      <p class=\"note\" data-type=\"note\">費用のご承認は次回の議題です。本日は方式だけを決めていただければ、残りはこちらで組み立てます。</p>\n      <p class=\"next\" data-type=\"next\">次回 2026 年 10 月 20 日 14:00</p>\n    </div>\n  </div>\n</div>\n",
      "url": "https://design-vault.pages.dev/designs/next-action-owner-date/pattern.html",
      "fonts": [
        "https://design-vault.pages.dev/designs/next-action-owner-date/font.css",
        "https://design-vault.pages.dev/designs/next-action-owner-date/font-0.woff2",
        "https://design-vault.pages.dev/designs/next-action-owner-date/font-1.woff2",
        "https://design-vault.pages.dev/designs/next-action-owner-date/font-2.woff2"
      ]
    }
  },
  "urls": {
    "ja": "https://design-vault.pages.dev/designs/next-action-owner-date",
    "en": "https://design-vault.pages.dev/en/designs/next-action-owner-date"
  },
  "notesMarkdown": "## この構成について / About this pattern\n\n出典を持たない自作パターン。**`pattern.html` が版そのもの**で、`cover.png` と frontmatter の\n`layout` / `type` / `colors` はどちらもそこから機械的に測った結果。編集するのは `pattern.html`\nだけで、寸法を手で書き直すことはない。\n\nA self-authored pattern. `pattern.html` is the artboard itself; both `cover.png` and the\nmeasurements in the frontmatter are derived from it, so the three cannot drift apart.\nEdit the artboard, never the numbers.\n\n### Techniques\n\n- 期限を落とした場合に何が起きるかを 1 件目の説明に書く\n- 塗った面の上では地が文字の色。反転を色の役割で書くので配色を替えても成り立つ\n- 次回の日時を右下に置き、この 3 件の締切として機能させる\n\n### Apply to\n\n- 提案・報告の最終ページ\n- 議事の締めに配る合意事項"
}