{ "id": "deck:system-project", "slug": "system-project", "title": { "ja": "システム開発案件の資料一式 — RFP から切替まで", "en": "System Project Deck — From RFP to Cutover" }, "summary": { "ja": "表紙から付録の扉まで 16 枚。並べて 1 冊になる前提で、配色を淡地と濃地の 2 組に揃えてある", "en": "Sixteen slides from the cover to the appendix door, drawn to sit together — two palettes, light and dark, and nothing else" }, "count": 16, "slides": [ { "position": 1, "slug": "deck-cover-project-brief", "kind": "artboard", "title": { "ja": "案件資料の表紙 — 件名の下に発行情報を並べる", "en": "Project Deck Cover — Subject Above the Issue Record" }, "useCase": "cover", "role": null, "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" }, "reproduction": { "spec": { "format": "slide-16x9", "density": "low", "layout": { "kind": "stack", "canvas": { "w": 1920, "h": 1080 }, "margin": { "top": 116, "right": 140, "bottom": 116, "left": 140 } }, "type": { "doctype": { "size": 20, "weight": 700, "tracking": "0.08em" }, "edition": { "size": 17, "weight": 400, "tracking": "0.04em", "numeric": "tabular" }, "kicker": { "size": 15, "weight": 500, "tracking": "0.3em", "transform": "upper" }, "title": { "size": 84, "weight": 700, "tracking": "0.01em", "leading": 1.28 }, "lede": { "size": 20, "weight": 400, "leading": 1.9 }, "label": { "size": 14, "weight": 500, "tracking": "0.14em" }, "value": { "size": 21, "weight": 500, "numeric": "tabular" } }, "colors": { "ground": "#111722", "surface": "#1A2231", "ink": "#E9EDF4", "muted": "#8894A6", "accent": "#5AA2E8", "rule": "#2B3445" }, "rules": [ "Keep the four issue fields — a project deck goes out many times under the same subject, and without version, date and recipient no one can tell which copy they hold", "The document type is the one thing allowed to be read before the subject: a small filled box, separated from the subject by size rather than position", "Colour only the second line of the subject — the first names the project, the second names what this deck covers", "Never pure white on a dark ground — the cover stays on screen longer than any other slide" ] }, "prompt": { "ja": "以下の仕様でスライドを 1 枚作ってください。\n\n- 版面 1920 × 1080\n- 余白 上 116 右 140 下 116 左 140\n\n## 文字（版面 1920px に対する px）\ndoctype 20px / 700 / 字間 0.08em\nedition 17px / 400 / 字間 0.04em / 等幅数字\nkicker 15px / 500 / 字間 0.3em / 大文字\ntitle 84px / 700 / 字間 0.01em / 行送り 1.28\nlede 20px / 400 / 行送り 1.9\nlabel 14px / 500 / 字間 0.14em\nvalue 21px / 500 / 等幅数字\n\n## 配色\n地 #111722 / 面 #1A2231 / 文字 #E9EDF4 / 補助 #8894A6 / 強調 #5AA2E8 / 罫 #2B3445\n\n## 外すと崩れる点\n- 発行情報は 4 つで固定する。案件資料は同じ件名で何度も出るので、版・日付・宛先が表紙に無いと現物を特定できない\n- 文書種別は件名より先に読ませてよい唯一の情報。塗った小さな箱に入れ、件名とは級数で差をつける\n- 色は件名の 2 行目だけに置く。1 行目は案件、2 行目はその資料が扱う範囲、という読み順がそれで付く\n- 濃地では文字を純白にしない。表紙は会議中いちばん長く映される 1 枚になる\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/deck-cover-project-brief/pattern.html", "en": "Produce one slide to the following specification.\n\n- Canvas 1920 × 1080\n- Margin top 116 right 140 bottom 116 left 140\n\n## Type (px against a 1920px canvas)\ndoctype 20px / 700 / tracking 0.08em\nedition 17px / 400 / tracking 0.04em / tabular numerals\nkicker 15px / 500 / tracking 0.3em / uppercase\ntitle 84px / 700 / tracking 0.01em / leading 1.28\nlede 20px / 400 / leading 1.9\nlabel 14px / 500 / tracking 0.14em\nvalue 21px / 500 / tabular numerals\n\n## Colour\nGround #111722 / Surface #1A2231 / Ink #E9EDF4 / Muted #8894A6 / Accent #5AA2E8 / Rule #2B3445\n\n## Constraints — dropping these breaks it\n- Keep the four issue fields — a project deck goes out many times under the same subject, and without version, date and recipient no one can tell which copy they hold\n- The document type is the one thing allowed to be read before the subject: a small filled box, separated from the subject by size rather than position\n- Colour only the second line of the subject — the first names the project, the second names what this deck covers\n- Never pure white on a dark ground — the cover stays on screen longer than any other slide\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/deck-cover-project-brief/pattern.html." }, "code": { "url": "https://design-vault.pages.dev/designs/deck-cover-project-brief/pattern.html", "fonts": [ "https://design-vault.pages.dev/designs/deck-cover-project-brief/font.css", "https://design-vault.pages.dev/designs/deck-cover-project-brief/font-0.woff2", "https://design-vault.pages.dev/designs/deck-cover-project-brief/font-1.woff2", "https://design-vault.pages.dev/designs/deck-cover-project-brief/font-2.woff2" ] } } }, { "position": 2, "slug": "agenda-numbered-sections", "kind": "artboard", "title": { "ja": "目次 — 章ごとに「決めたいこと」を添える", "en": "Agenda — Each Section Carries What It Asks For" }, "useCase": "agenda", "role": null, "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" }, "reproduction": { "spec": { "format": "slide-16x9", "density": "medium", "layout": { "kind": "2-column", "canvas": { "w": 1920, "h": 1080 }, "margin": { "top": 112, "right": 140, "bottom": 112, "left": 140 }, "columns": { "count": 2, "gap": 104 } }, "type": { "kicker": { "size": 15, "weight": 500, "tracking": "0.28em", "transform": "upper" }, "title": { "size": 56, "weight": 700, "tracking": "0.01em", "leading": 1.3 }, "mkey": { "size": 15, "weight": 500, "tracking": "0.12em" }, "mval": { "size": 17, "weight": 500, "leading": 1.65, "numeric": "tabular" }, "note": { "size": 17, "weight": 400, "leading": 1.9 }, "num": { "size": 30, "weight": 700, "numeric": "tabular" }, "name": { "size": 30, "weight": 500, "leading": 1.45 }, "goal": { "size": 16, "weight": 400, "leading": 1.7 } }, "colors": { "ground": "#FFFFFF", "surface": "#F4F6F9", "ink": "#131820", "muted": "#667183", "accent": "#1F5FA8", "rule": "#DBE1E9" }, "rules": [ "Put the decision each section seeks beside its name — an agenda without it is a timetable, and the room cannot tell how to listen", "Dim the sections you will not cover rather than removing them — removed reads as absent, and sends people hunting in the appendix", "Keep the session facts on the same page as the sections; on a separate slide nobody remembers when the meeting ends", "Two-digit numbers throughout — mixing one and two digits breaks the left edge the list is read down" ] }, "prompt": { "ja": "以下の仕様でスライドを 1 枚作ってください。\n\n- 版面 1920 × 1080\n- 余白 上 112 右 140 下 112 左 140\n- 2 カラム（等分）、間隔 104\n\n## 文字（版面 1920px に対する px）\nkicker 15px / 500 / 字間 0.28em / 大文字\ntitle 56px / 700 / 字間 0.01em / 行送り 1.3\nmkey 15px / 500 / 字間 0.12em\nmval 17px / 500 / 行送り 1.65 / 等幅数字\nnote 17px / 400 / 行送り 1.9\nnum 30px / 700 / 等幅数字\nname 30px / 500 / 行送り 1.45\ngoal 16px / 400 / 行送り 1.7\n\n## 配色\n地 #FFFFFF / 面 #F4F6F9 / 文字 #131820 / 補助 #667183 / 強調 #1F5FA8 / 罫 #DBE1E9\n\n## 外すと崩れる点\n- 章名の隣に「この章で決めたいこと」を置く。それが無い目次は予定表で、読み手は聞く姿勢を決められない\n- 今日扱わない章は消さずに薄くする。消すと「資料に無い」と読まれ、後で付録を探させることになる\n- 日時・場所・出席を目次と同じ面に置く。別紙にすると、何時までの会かが分からないまま章が進む\n- 番号は 2 桁で揃える。1 桁と 2 桁が混ざると章名の頭が縦に揃わず、一覧として読めなくなる\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/agenda-numbered-sections/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- 2 equal columns, gap 104\n\n## Type (px against a 1920px canvas)\nkicker 15px / 500 / tracking 0.28em / uppercase\ntitle 56px / 700 / tracking 0.01em / leading 1.3\nmkey 15px / 500 / tracking 0.12em\nmval 17px / 500 / leading 1.65 / tabular numerals\nnote 17px / 400 / leading 1.9\nnum 30px / 700 / tabular numerals\nname 30px / 500 / leading 1.45\ngoal 16px / 400 / leading 1.7\n\n## Colour\nGround #FFFFFF / Surface #F4F6F9 / Ink #131820 / Muted #667183 / Accent #1F5FA8 / Rule #DBE1E9\n\n## Constraints — dropping these breaks it\n- Put the decision each section seeks beside its name — an agenda without it is a timetable, and the room cannot tell how to listen\n- Dim the sections you will not cover rather than removing them — removed reads as absent, and sends people hunting in the appendix\n- Keep the session facts on the same page as the sections; on a separate slide nobody remembers when the meeting ends\n- Two-digit numbers throughout — mixing one and two digits breaks the left edge the list is read down\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/agenda-numbered-sections/pattern.html." }, "code": { "url": "https://design-vault.pages.dev/designs/agenda-numbered-sections/pattern.html", "fonts": [ "https://design-vault.pages.dev/designs/agenda-numbered-sections/font.css", "https://design-vault.pages.dev/designs/agenda-numbered-sections/font-0.woff2", "https://design-vault.pages.dev/designs/agenda-numbered-sections/font-1.woff2", "https://design-vault.pages.dev/designs/agenda-numbered-sections/font-2.woff2" ] } } }, { "position": 3, "slug": "scope-in-out-two-fields", "kind": "artboard", "title": { "ja": "スコープの線引き — 対象と対象外を同じ大きさで並べる", "en": "Scope Boundary — In and Out at the Same Size" }, "useCase": "scope", "role": null, "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" }, "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": { "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" ] } } }, { "position": 4, "slug": "phase-divider-step-rail", "kind": "artboard", "title": { "ja": "工程の中扉 — 全工程の並びの上に現在地を打つ", "en": "Phase Divider — The Whole Process, With a Mark on Now" }, "useCase": "section-divider", "role": null, "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" }, "reproduction": { "spec": { "format": "slide-16x9", "density": "low", "layout": { "kind": "timeline", "canvas": { "w": 1920, "h": 1080 }, "margin": { "top": 124, "right": 140, "bottom": 124, "left": 140 }, "columns": { "count": 7, "gap": 24 }, "emphasis": { "column": 4, "via": [ "rule", "weight" ] } }, "type": { "chapter": { "size": 15, "weight": 500, "tracking": "0.3em", "transform": "upper" }, "of": { "size": 15, "weight": 400, "tracking": "0.12em", "numeric": "tabular" }, "num": { "size": 136, "weight": 700, "leading": 1, "numeric": "tabular" }, "title": { "size": 68, "weight": 700, "tracking": "0.01em", "leading": 1.3 }, "lede": { "size": 20, "weight": 400, "leading": 1.9 }, "phase": { "size": 18, "weight": 500 }, "when": { "size": 14, "weight": 400, "numeric": "tabular" } }, "colors": { "ground": "#111722", "ink": "#E9EDF4", "muted": "#8894A6", "accent": "#5AA2E8", "rule": "#2B3445" }, "rules": [ "Keep the phases equal in width — encoding duration as width reads as slippage", "Mark the current phase with the rule and the weight, no fill — a filled band makes this read as a schedule rather than a divider", "Do not dim the finished phases; an unbroken row is what says the whole process is still in view", "The section number and the phase rail are different axes — never renumber one to match the other" ] }, "prompt": { "ja": "以下の仕様でスライドを 1 枚作ってください。\n\n- 版面 1920 × 1080\n- 余白 上 124 右 140 下 124 左 140\n- 7 カラム（等分）、間隔 24\n\n## 強調\n4 列目のみ。手段は 罫 + 太さ だけ。ほかは変えない\n\n## 文字（版面 1920px に対する px）\nchapter 15px / 500 / 字間 0.3em / 大文字\nof 15px / 400 / 字間 0.12em / 等幅数字\nnum 136px / 700 / 行送り 1 / 等幅数字\ntitle 68px / 700 / 字間 0.01em / 行送り 1.3\nlede 20px / 400 / 行送り 1.9\nphase 18px / 500\nwhen 14px / 400 / 等幅数字\n\n## 配色\n地 #111722 / 文字 #E9EDF4 / 補助 #8894A6 / 強調 #5AA2E8 / 罫 #2B3445\n\n## 外すと崩れる点\n- 工程は等幅で並べる。期間の長さを幅で表すと、長い工程が「遅れている」と読まれる\n- 現在地は罫の色と太字の 2 手段まで。塗りを足すと工程表と見分けがつかなくなり、中扉として働かない\n- 終わった工程も薄くしない。全工程が同じ濃さで並んでいることが「まだ全部ある」という合図になる\n- 章番号と工程は別の軸。番号は資料の章、帯は案件の工程で、たまたま一致していても揃えない\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/phase-divider-step-rail/pattern.html", "en": "Produce one slide to the following specification.\n\n- Canvas 1920 × 1080\n- Margin top 124 right 140 bottom 124 left 140\n- 7 equal columns, gap 24\n\n## Emphasis\ncolumn 4 only, by rule + weight and nothing else\n\n## Type (px against a 1920px canvas)\nchapter 15px / 500 / tracking 0.3em / uppercase\nof 15px / 400 / tracking 0.12em / tabular numerals\nnum 136px / 700 / leading 1 / tabular numerals\ntitle 68px / 700 / tracking 0.01em / leading 1.3\nlede 20px / 400 / leading 1.9\nphase 18px / 500\nwhen 14px / 400 / tabular numerals\n\n## Colour\nGround #111722 / Ink #E9EDF4 / Muted #8894A6 / Accent #5AA2E8 / Rule #2B3445\n\n## Constraints — dropping these breaks it\n- Keep the phases equal in width — encoding duration as width reads as slippage\n- Mark the current phase with the rule and the weight, no fill — a filled band makes this read as a schedule rather than a divider\n- Do not dim the finished phases; an unbroken row is what says the whole process is still in view\n- The section number and the phase rail are different axes — never renumber one to match the other\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/phase-divider-step-rail/pattern.html." }, "code": { "url": "https://design-vault.pages.dev/designs/phase-divider-step-rail/pattern.html", "fonts": [ "https://design-vault.pages.dev/designs/phase-divider-step-rail/font.css", "https://design-vault.pages.dev/designs/phase-divider-step-rail/font-0.woff2", "https://design-vault.pages.dev/designs/phase-divider-step-rail/font-1.woff2", "https://design-vault.pages.dev/designs/phase-divider-step-rail/font-2.woff2" ] } } }, { "position": 5, "slug": "architecture-3tier-stack", "kind": "artboard", "title": { "ja": "システム構成 — 層を 3 つに畳み、新設の 1 層だけを塗る", "en": "System Architecture — Three Tiers, One of Them New" }, "useCase": "architecture", "role": null, "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" }, "reproduction": { "spec": { "format": "slide-16x9", "density": "high", "layout": { "kind": "stack", "canvas": { "w": 1920, "h": 1080 }, "margin": { "top": 104, "right": 140, "bottom": 104, "left": 140 }, "emphasis": { "row": 2, "via": [ "fill", "rule" ] } }, "type": { "title": { "size": 46, "weight": 700, "tracking": "0.01em", "leading": 1.3 }, "lede": { "size": 19, "weight": 400, "leading": 1.8 }, "tname": { "size": 24, "weight": 700, "leading": 1.4 }, "tnote": { "size": 15, "weight": 400, "leading": 1.6 }, "bname": { "size": 19, "weight": 500, "leading": 1.4 }, "btag": { "size": 14, "weight": 400 }, "fkey": { "size": 14, "weight": 500, "tracking": "0.14em" }, "fval": { "size": 17, "weight": 500, "leading": 1.6 } }, "colors": { "ground": "#FFFFFF", "surface": "#F4F6F9", "ink": "#131820", "muted": "#667183", "accent": "#1F5FA8", "rule": "#DBE1E9" }, "rules": [ "Three tiers at most — a fourth makes the room memorise names instead of hearing which part you are building", "Fill only the tier that is new throughout; mark additions elsewhere on the boxes. Filling every tier reads as a full rebuild, and the cost conversation starts there", "Never dash the existing systems — a dashed box reads as undecided. Dim the label instead; these are the settled parts", "Five boxes per tier. From the sixth on, what the room remembers is the count, not the names", "State the integration style in one line at the foot; drawn as arrows it costs more time to explain than it saves" ] }, "prompt": { "ja": "以下の仕様でスライドを 1 枚作ってください。\n\n- 版面 1920 × 1080\n- 余白 上 104 右 140 下 104 左 140\n\n## 強調\n2 行目のみ。手段は 塗り + 罫 だけ。ほかは変えない\n\n## 文字（版面 1920px に対する px）\ntitle 46px / 700 / 字間 0.01em / 行送り 1.3\nlede 19px / 400 / 行送り 1.8\ntname 24px / 700 / 行送り 1.4\ntnote 15px / 400 / 行送り 1.6\nbname 19px / 500 / 行送り 1.4\nbtag 14px / 400\nfkey 14px / 500 / 字間 0.14em\nfval 17px / 500 / 行送り 1.6\n\n## 配色\n地 #FFFFFF / 面 #F4F6F9 / 文字 #131820 / 補助 #667183 / 強調 #1F5FA8 / 罫 #DBE1E9\n\n## 外すと崩れる点\n- 層は 3 つまで。4 つ目を足した瞬間、聞き手は層の名前を覚えるほうに気を取られ、どこを作るのかを聞き逃す\n- すべて新規の層だけを塗る。一部だけ足す層は箱の「新規」で示す。全層を塗ると「全部作り直す」と読まれ、費用の話がその前提で始まる\n- 既存システムは点線にしない。点線は「未確定」と読まれる。示したいのは確定していることなので、文字色だけを落とす\n- 1 層に置く箱は 5 個まで。6 個目からは、箱の名前ではなく箱の数が印象に残る\n- 連携方式を下端に 1 行で書く。構成図に矢印で書き込むと、線の意味を説明する時間のほうが長くなる\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/architecture-3tier-stack/pattern.html", "en": "Produce one slide to the following specification.\n\n- Canvas 1920 × 1080\n- Margin top 104 right 140 bottom 104 left 140\n\n## Emphasis\nrow 2 only, by fill + rule and nothing else\n\n## Type (px against a 1920px canvas)\ntitle 46px / 700 / tracking 0.01em / leading 1.3\nlede 19px / 400 / leading 1.8\ntname 24px / 700 / leading 1.4\ntnote 15px / 400 / leading 1.6\nbname 19px / 500 / leading 1.4\nbtag 14px / 400\nfkey 14px / 500 / tracking 0.14em\nfval 17px / 500 / leading 1.6\n\n## Colour\nGround #FFFFFF / Surface #F4F6F9 / Ink #131820 / Muted #667183 / Accent #1F5FA8 / Rule #DBE1E9\n\n## Constraints — dropping these breaks it\n- Three tiers at most — a fourth makes the room memorise names instead of hearing which part you are building\n- Fill only the tier that is new throughout; mark additions elsewhere on the boxes. Filling every tier reads as a full rebuild, and the cost conversation starts there\n- Never dash the existing systems — a dashed box reads as undecided. Dim the label instead; these are the settled parts\n- Five boxes per tier. From the sixth on, what the room remembers is the count, not the names\n- State the integration style in one line at the foot; drawn as arrows it costs more time to explain than it saves\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/architecture-3tier-stack/pattern.html." }, "code": { "url": "https://design-vault.pages.dev/designs/architecture-3tier-stack/pattern.html", "fonts": [ "https://design-vault.pages.dev/designs/architecture-3tier-stack/font.css", "https://design-vault.pages.dev/designs/architecture-3tier-stack/font-0.woff2", "https://design-vault.pages.dev/designs/architecture-3tier-stack/font-1.woff2", "https://design-vault.pages.dev/designs/architecture-3tier-stack/font-2.woff2" ] } } }, { "position": 6, "slug": "requirements-response-table", "kind": "artboard", "title": { "ja": "要求一覧への回答 — 代替提案の行だけを塗る", "en": "Requirement Responses — Only the Alternative Is Filled" }, "useCase": "requirements", "role": null, "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" }, "reproduction": { "spec": { "format": "slide-16x9", "density": "high", "layout": { "kind": "table", "canvas": { "w": 1920, "h": 1080 }, "margin": { "top": 104, "right": 140, "bottom": 104, "left": 140 }, "emphasis": { "row": 3, "via": [ "fill", "weight" ] } }, "type": { "title": { "size": 44, "weight": 700, "tracking": "0.01em", "leading": 1.3 }, "count": { "size": 17, "weight": 400, "numeric": "tabular" }, "col": { "size": 15, "weight": 500, "tracking": "0.12em" }, "rid": { "size": 19, "weight": 500, "numeric": "tabular" }, "req": { "size": 21, "weight": 500, "leading": 1.5 }, "verdict": { "size": 17, "weight": 500 }, "how": { "size": 17, "weight": 400, "leading": 1.7 }, "when": { "size": 17, "weight": 400 }, "foot": { "size": 16, "weight": 400, "leading": 1.8 } }, "colors": { "ground": "#FFFFFF", "surface": "#F4F6F9", "ink": "#131820", "muted": "#667183", "accent": "#1F5FA8", "rule": "#DBE1E9" }, "rules": [ "Three verdicts only — met, alternative, next phase. \"Met with conditions\" gets agreed to without the conditions ever being read", "Fill only the alternative row; filling the met rows makes the whole table emphasis and buries the one row worth discussing", "Keep the means in the same row — sent to an annex, \"alternative\" travels alone and nobody can say what changed", "If it is an extract, say so beside the title — six of forty-eight is a different slide from six of six", "Carry the client's own requirement IDs unchanged; renumbering costs a lookup in every later exchange" ] }, "prompt": { "ja": "以下の仕様でスライドを 1 枚作ってください。\n\n- 版面 1920 × 1080\n- 余白 上 104 右 140 下 104 左 140\n\n## 強調\n3 行目のみ。手段は 塗り + 太さ だけ。ほかは変えない\n\n## 文字（版面 1920px に対する px）\ntitle 44px / 700 / 字間 0.01em / 行送り 1.3\ncount 17px / 400 / 等幅数字\ncol 15px / 500 / 字間 0.12em\nrid 19px / 500 / 等幅数字\nreq 21px / 500 / 行送り 1.5\nverdict 17px / 500\nhow 17px / 400 / 行送り 1.7\nwhen 17px / 400\nfoot 16px / 400 / 行送り 1.8\n\n## 配色\n地 #FFFFFF / 面 #F4F6F9 / 文字 #131820 / 補助 #667183 / 強調 #1F5FA8 / 罫 #DBE1E9\n\n## 外すと崩れる点\n- 判定は「満たす／代替提案／第 2 期」の 3 値だけにする。「条件付きで満たす」は条件が読まれないまま合意された扱いになる\n- 塗るのは代替提案の行だけ。満たす行を塗ると表全体が強調になり、議論すべき 1 行が沈む\n- 実現方式を同じ行に置く。別紙に送ると「代替提案」の 3 文字だけが残り、何が違うのか分からないまま持ち帰られる\n- 抜粋なら件数を見出しの隣に書く。全 48 件のうち 6 件だと分かって初めて、この 1 枚が議題になる\n- 要求番号は発注側の採番をそのまま使う。振り直すと、以後すべての質疑で番号の突き合わせが要る\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/requirements-response-table/pattern.html", "en": "Produce one slide to the following specification.\n\n- Canvas 1920 × 1080\n- Margin top 104 right 140 bottom 104 left 140\n\n## Emphasis\nrow 3 only, by fill + weight and nothing else\n\n## Type (px against a 1920px canvas)\ntitle 44px / 700 / tracking 0.01em / leading 1.3\ncount 17px / 400 / tabular numerals\ncol 15px / 500 / tracking 0.12em\nrid 19px / 500 / tabular numerals\nreq 21px / 500 / leading 1.5\nverdict 17px / 500\nhow 17px / 400 / leading 1.7\nwhen 17px / 400\nfoot 16px / 400 / leading 1.8\n\n## Colour\nGround #FFFFFF / Surface #F4F6F9 / Ink #131820 / Muted #667183 / Accent #1F5FA8 / Rule #DBE1E9\n\n## Constraints — dropping these breaks it\n- Three verdicts only — met, alternative, next phase. \"Met with conditions\" gets agreed to without the conditions ever being read\n- Fill only the alternative row; filling the met rows makes the whole table emphasis and buries the one row worth discussing\n- Keep the means in the same row — sent to an annex, \"alternative\" travels alone and nobody can say what changed\n- If it is an extract, say so beside the title — six of forty-eight is a different slide from six of six\n- Carry the client's own requirement IDs unchanged; renumbering costs a lookup in every later exchange\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/requirements-response-table/pattern.html." }, "code": { "url": "https://design-vault.pages.dev/designs/requirements-response-table/pattern.html", "fonts": [ "https://design-vault.pages.dev/designs/requirements-response-table/font.css", "https://design-vault.pages.dev/designs/requirements-response-table/font-0.woff2", "https://design-vault.pages.dev/designs/requirements-response-table/font-1.woff2", "https://design-vault.pages.dev/designs/requirements-response-table/font-2.woff2" ] } } }, { "position": 7, "slug": "team-structure-joint-pmo", "kind": "artboard", "title": { "ja": "体制図 — 決める場を頂点に、合同の窓口を 1 つに絞る", "en": "Team Structure — One Place to Decide, One Joint Desk" }, "useCase": "org", "role": null, "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" }, "reproduction": { "spec": { "format": "slide-16x9", "density": "medium", "layout": { "kind": "tree", "canvas": { "w": 1920, "h": 1080 }, "margin": { "top": 100, "right": 140, "bottom": 100, "left": 140 }, "emphasis": { "row": 2, "via": [ "fill", "rule" ] } }, "type": { "title": { "size": 46, "weight": 700, "tracking": "0.01em", "leading": 1.3 }, "lede": { "size": 19, "weight": 400, "leading": 1.8 }, "role": { "size": 15, "weight": 500, "tracking": "0.12em" }, "who": { "size": 26, "weight": 700, "leading": 1.35 }, "cadence": { "size": 15, "weight": 400, "numeric": "tabular" }, "tname": { "size": 22, "weight": 700, "leading": 1.4 }, "tside": { "size": 14, "weight": 500, "tracking": "0.12em" }, "heads": { "size": 15, "weight": 400, "leading": 1.8, "numeric": "tabular" }, "foot": { "size": 16, "weight": 400, "leading": 1.8 } }, "colors": { "ground": "#FFFFFF", "surface": "#F4F6F9", "ink": "#131820", "muted": "#667183", "accent": "#1F5FA8", "rule": "#DBE1E9" }, "rules": [ "Name forums, not people — an org chart made of names goes stale the first time someone rotates off", "Fill exactly one desk. Two filled desks means there is no desk", "Give each node its cadence: a monthly decision and a twice-weekly consultation are different organs", "Stop the connector at the outermost team's centre — run it to the margin and the chart implies more teams off-page", "Say who leads each team. A box with no lead is the one nobody claims when it matters" ] }, "prompt": { "ja": "以下の仕様でスライドを 1 枚作ってください。\n\n- 版面 1920 × 1080\n- 余白 上 100 右 140 下 100 左 140\n\n## 強調\n2 行目のみ。手段は 塗り + 罫 だけ。ほかは変えない\n\n## 文字（版面 1920px に対する px）\ntitle 46px / 700 / 字間 0.01em / 行送り 1.3\nlede 19px / 400 / 行送り 1.8\nrole 15px / 500 / 字間 0.12em\nwho 26px / 700 / 行送り 1.35\ncadence 15px / 400 / 等幅数字\ntname 22px / 700 / 行送り 1.4\ntside 14px / 500 / 字間 0.12em\nheads 15px / 400 / 行送り 1.8 / 等幅数字\nfoot 16px / 400 / 行送り 1.8\n\n## 配色\n地 #FFFFFF / 面 #F4F6F9 / 文字 #131820 / 補助 #667183 / 強調 #1F5FA8 / 罫 #DBE1E9\n\n## 外すと崩れる点\n- 節には人名ではなく会議体を置く。人を書いた体制図は、要員が 1 人替わるたびに古くなる\n- 窓口は 1 つだけ塗る。2 つ塗ると、実際には窓口が無いのと同じになる\n- 各節に開催頻度を書く。月 1 回の決裁と週 2 回の相談は、体制図の中で別の性格を持つ\n- 枝の渡り線は端のチームの中心で止める。版面の端まで引くと、外側にも何かあるように読まれる\n- チームの主管（御社／弊社／合同）を必ず書く。主管の書かれていない箱は、後で誰も引き取らない\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/team-structure-joint-pmo/pattern.html", "en": "Produce one slide to the following specification.\n\n- Canvas 1920 × 1080\n- Margin top 100 right 140 bottom 100 left 140\n\n## Emphasis\nrow 2 only, by fill + rule and nothing else\n\n## Type (px against a 1920px canvas)\ntitle 46px / 700 / tracking 0.01em / leading 1.3\nlede 19px / 400 / leading 1.8\nrole 15px / 500 / tracking 0.12em\nwho 26px / 700 / leading 1.35\ncadence 15px / 400 / tabular numerals\ntname 22px / 700 / leading 1.4\ntside 14px / 500 / tracking 0.12em\nheads 15px / 400 / leading 1.8 / tabular numerals\nfoot 16px / 400 / leading 1.8\n\n## Colour\nGround #FFFFFF / Surface #F4F6F9 / Ink #131820 / Muted #667183 / Accent #1F5FA8 / Rule #DBE1E9\n\n## Constraints — dropping these breaks it\n- Name forums, not people — an org chart made of names goes stale the first time someone rotates off\n- Fill exactly one desk. Two filled desks means there is no desk\n- Give each node its cadence: a monthly decision and a twice-weekly consultation are different organs\n- Stop the connector at the outermost team's centre — run it to the margin and the chart implies more teams off-page\n- Say who leads each team. A box with no lead is the one nobody claims when it matters\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/team-structure-joint-pmo/pattern.html." }, "code": { "url": "https://design-vault.pages.dev/designs/team-structure-joint-pmo/pattern.html", "fonts": [ "https://design-vault.pages.dev/designs/team-structure-joint-pmo/font.css", "https://design-vault.pages.dev/designs/team-structure-joint-pmo/font-0.woff2", "https://design-vault.pages.dev/designs/team-structure-joint-pmo/font-1.woff2", "https://design-vault.pages.dev/designs/team-structure-joint-pmo/font-2.woff2" ] } } }, { "position": 8, "slug": "wbs-gantt-six-phases", "kind": "artboard", "title": { "ja": "工程表 — 帯の長さを期間に、重なりを引き継ぎに使う", "en": "Phase Schedule — Length Is Duration, Overlap Is Hand-off" }, "useCase": "roadmap", "role": null, "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" }, "reproduction": { "spec": { "format": "slide-16x9", "density": "high", "layout": { "kind": "gantt", "canvas": { "w": 1920, "h": 1080 }, "margin": { "top": 100, "right": 140, "bottom": 100, "left": 140 }, "emphasis": { "row": 2, "via": [ "fill" ] } }, "type": { "title": { "size": 46, "weight": 700, "tracking": "0.01em", "leading": 1.3 }, "basis": { "size": 16, "weight": 400, "numeric": "tabular" }, "m": { "size": 14, "weight": 500, "numeric": "tabular" }, "effort": { "size": 17, "weight": 500, "numeric": "tabular" }, "pname": { "size": 21, "weight": 700, "leading": 1.4 }, "powner": { "size": 14, "weight": 400 }, "foot": { "size": 16, "weight": 400, "leading": 1.8 } }, "colors": { "ground": "#FFFFFF", "surface": "#F4F6F9", "ink": "#131820", "muted": "#667183", "accent": "#1F5FA8", "rule": "#DBE1E9" }, "rules": [ "Rule every month boundary — a gantt without a scale can only be read as \"around March\", which is not something anyone can agree to", "Keep the overlaps: they are the hand-off. Butted bars hide the time a later phase needs to start moving", "Outline the client's own work instead of filling it — one fill for both sides erases who is carrying what", "One accent bar, the current one. Add a second colour meaning and you lose the ability to say \"now\" in colour", "Put the effort figure at the far right; beside the bar it merges with duration, and a long bar reads as a heavy one" ] }, "prompt": { "ja": "以下の仕様でスライドを 1 枚作ってください。\n\n- 版面 1920 × 1080\n- 余白 上 100 右 140 下 100 左 140\n\n## 強調\n2 行目のみ。手段は 塗り だけ。ほかは変えない\n\n## 文字（版面 1920px に対する px）\ntitle 46px / 700 / 字間 0.01em / 行送り 1.3\nbasis 16px / 400 / 等幅数字\nm 14px / 500 / 等幅数字\neffort 17px / 500 / 等幅数字\npname 21px / 700 / 行送り 1.4\npowner 14px / 400\nfoot 16px / 400 / 行送り 1.8\n\n## 配色\n地 #FFFFFF / 面 #F4F6F9 / 文字 #131820 / 補助 #667183 / 強調 #1F5FA8 / 罫 #DBE1E9\n\n## 外すと崩れる点\n- 月の境界を罫で引く。目盛りの無いガントは「だいたい 3 月ごろ」としか読めず、合意の材料にならない\n- 帯の重なりは引き継ぎ期間として意図的に残す。詰めて描くと、後工程の立ち上がりが読めなくなる\n- 発注側の作業は塗らずに罫で囲む。同じ塗りにすると、どちらがどれだけ動くのかが図から消える\n- accent を置くのは現在地の 1 本だけ。塗り分けを増やすと、色で「今」を言う手段が無くなる\n- 人月を右端に置く。帯の隣に置くと期間と工数が混ざり、長い帯＝重い工程と誤読される\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/wbs-gantt-six-phases/pattern.html", "en": "Produce one slide to the following specification.\n\n- Canvas 1920 × 1080\n- Margin top 100 right 140 bottom 100 left 140\n\n## Emphasis\nrow 2 only, by fill and nothing else\n\n## Type (px against a 1920px canvas)\ntitle 46px / 700 / tracking 0.01em / leading 1.3\nbasis 16px / 400 / tabular numerals\nm 14px / 500 / tabular numerals\neffort 17px / 500 / tabular numerals\npname 21px / 700 / leading 1.4\npowner 14px / 400\nfoot 16px / 400 / leading 1.8\n\n## Colour\nGround #FFFFFF / Surface #F4F6F9 / Ink #131820 / Muted #667183 / Accent #1F5FA8 / Rule #DBE1E9\n\n## Constraints — dropping these breaks it\n- Rule every month boundary — a gantt without a scale can only be read as \"around March\", which is not something anyone can agree to\n- Keep the overlaps: they are the hand-off. Butted bars hide the time a later phase needs to start moving\n- Outline the client's own work instead of filling it — one fill for both sides erases who is carrying what\n- One accent bar, the current one. Add a second colour meaning and you lose the ability to say \"now\" in colour\n- Put the effort figure at the far right; beside the bar it merges with duration, and a long bar reads as a heavy one\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/wbs-gantt-six-phases/pattern.html." }, "code": { "url": "https://design-vault.pages.dev/designs/wbs-gantt-six-phases/pattern.html", "fonts": [ "https://design-vault.pages.dev/designs/wbs-gantt-six-phases/font.css", "https://design-vault.pages.dev/designs/wbs-gantt-six-phases/font-0.woff2", "https://design-vault.pages.dev/designs/wbs-gantt-six-phases/font-1.woff2", "https://design-vault.pages.dev/designs/wbs-gantt-six-phases/font-2.woff2" ] } } }, { "position": 9, "slug": "estimate-breakdown-by-phase", "kind": "artboard", "title": { "ja": "見積の内訳 — 総額より先に構成比を読ませる", "en": "Estimate Breakdown — Share of Cost Before the Total" }, "useCase": "pricing", "role": null, "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" }, "reproduction": { "spec": { "format": "slide-16x9", "density": "high", "layout": { "kind": "waterfall", "canvas": { "w": 1920, "h": 1080 }, "margin": { "top": 92, "right": 140, "bottom": 92, "left": 140 }, "columns": { "count": 5, "gap": 3 }, "emphasis": { "column": 3, "via": [ "fill" ] } }, "type": { "title": { "size": 44, "weight": 700, "tracking": "0.01em", "leading": 1.3 }, "total": { "size": 17, "weight": 500, "numeric": "tabular" }, "segName": { "size": 16, "weight": 500 }, "segPct": { "size": 20, "weight": 700, "numeric": "tabular" }, "col": { "size": 15, "weight": 500, "tracking": "0.12em" }, "pname": { "size": 20, "weight": 700, "leading": 1.4 }, "num": { "size": 19, "weight": 500, "numeric": "tabular" }, "fkey": { "size": 14, "weight": 500, "tracking": "0.14em" }, "fval": { "size": 16, "weight": 400, "leading": 1.75, "numeric": "tabular" } }, "colors": { "ground": "#FFFFFF", "surface": "#F4F6F9", "ink": "#131820", "muted": "#667183", "accent": "#1F5FA8", "rule": "#DBE1E9" }, "rules": [ "Put the proportional bar above the table — read from the total first, the conversation is about the price, not about where the cost sits", "Give every phase its own rate: with a single blended rate, removing a phase does not recompute, and the negotiation turns into arithmetic", "Keep the client's own effort as a row with no amount — deleted, it reads as \"nothing is asked of us\"", "Assumptions and swing factors belong on this page; on an annex the total travels alone and is taken as fixed whatever the scope does", "State the expiry — the figure assumes people are held, and an estimate with no expiry is read as a commitment", "Fill one segment, the heaviest. Fill two and \"heaviest\" stops meaning anything" ] }, "prompt": { "ja": "以下の仕様でスライドを 1 枚作ってください。\n\n- 版面 1920 × 1080\n- 余白 上 92 右 140 下 92 左 140\n- 5 カラム（等分）、間隔 3\n\n## 強調\n3 列目のみ。手段は 塗り だけ。ほかは変えない\n\n## 文字（版面 1920px に対する px）\ntitle 44px / 700 / 字間 0.01em / 行送り 1.3\ntotal 17px / 500 / 等幅数字\nsegName 16px / 500\nsegPct 20px / 700 / 等幅数字\ncol 15px / 500 / 字間 0.12em\npname 20px / 700 / 行送り 1.4\nnum 19px / 500 / 等幅数字\nfkey 14px / 500 / 字間 0.14em\nfval 16px / 400 / 行送り 1.75 / 等幅数字\n\n## 配色\n地 #FFFFFF / 面 #F4F6F9 / 文字 #131820 / 補助 #667183 / 強調 #1F5FA8 / 罫 #DBE1E9\n\n## 外すと崩れる点\n- 積み上げの帯を表より上に置く。総額から読ませると「高い／安い」の話になり、どこに費用が乗っているかの話にならない\n- 単価は工程ごとに出す。平均単価 1 つだと、工程を削ったときの再計算が合わず、値引き交渉が算数の話になる\n- 発注側の工数は金額に入れず、行としては残す。消すと「こちらは何もしなくてよい」と読まれる\n- 前提と変動要因を同じ面に置く。別紙に送ると総額だけが独り歩きし、範囲が変わっても金額は据え置きだと思われる\n- 有効期限を書く。要員の確保が前提の金額なので、期限の無い見積は約束として扱われる\n- 塗るのはいちばん重い工程 1 つだけ。2 つ塗ると「重い」が意味を失う\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/estimate-breakdown-by-phase/pattern.html", "en": "Produce one slide to the following specification.\n\n- Canvas 1920 × 1080\n- Margin top 92 right 140 bottom 92 left 140\n- 5 equal columns, gap 3\n\n## Emphasis\ncolumn 3 only, by fill and nothing else\n\n## Type (px against a 1920px canvas)\ntitle 44px / 700 / tracking 0.01em / leading 1.3\ntotal 17px / 500 / tabular numerals\nsegName 16px / 500\nsegPct 20px / 700 / tabular numerals\ncol 15px / 500 / tracking 0.12em\npname 20px / 700 / leading 1.4\nnum 19px / 500 / tabular numerals\nfkey 14px / 500 / tracking 0.14em\nfval 16px / 400 / leading 1.75 / 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- Put the proportional bar above the table — read from the total first, the conversation is about the price, not about where the cost sits\n- Give every phase its own rate: with a single blended rate, removing a phase does not recompute, and the negotiation turns into arithmetic\n- Keep the client's own effort as a row with no amount — deleted, it reads as \"nothing is asked of us\"\n- Assumptions and swing factors belong on this page; on an annex the total travels alone and is taken as fixed whatever the scope does\n- State the expiry — the figure assumes people are held, and an estimate with no expiry is read as a commitment\n- Fill one segment, the heaviest. Fill two and \"heaviest\" stops meaning anything\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/estimate-breakdown-by-phase/pattern.html." }, "code": { "url": "https://design-vault.pages.dev/designs/estimate-breakdown-by-phase/pattern.html", "fonts": [ "https://design-vault.pages.dev/designs/estimate-breakdown-by-phase/font.css", "https://design-vault.pages.dev/designs/estimate-breakdown-by-phase/font-0.woff2", "https://design-vault.pages.dev/designs/estimate-breakdown-by-phase/font-1.woff2", "https://design-vault.pages.dev/designs/estimate-breakdown-by-phase/font-2.woff2" ] } } }, { "position": 10, "slug": "test-v-model-paired", "kind": "artboard", "title": { "ja": "テスト計画 — 作る工程と受け入れる試験を行で対にする", "en": "Test Plan — Each Phase Paired With What Accepts It" }, "useCase": "testing", "role": null, "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" }, "reproduction": { "spec": { "format": "slide-16x9", "density": "medium", "layout": { "kind": "2-column", "canvas": { "w": 1920, "h": 1080 }, "margin": { "top": 100, "right": 140, "bottom": 100, "left": 140 }, "columns": { "count": 2, "gap": 56 }, "emphasis": { "column": 2, "via": [ "fill" ] } }, "type": { "title": { "size": 46, "weight": 700, "tracking": "0.01em", "leading": 1.3 }, "lede": { "size": 19, "weight": 400, "leading": 1.8 }, "label": { "size": 16, "weight": 500, "tracking": "0.18em", "transform": "upper" }, "lv": { "size": 16, "weight": 700, "numeric": "tabular" }, "sname": { "size": 24, "weight": 700, "leading": 1.4 }, "sdoc": { "size": 15, "weight": 400, "leading": 1.7 }, "fkey": { "size": 14, "weight": 500, "tracking": "0.14em" }, "fval": { "size": 17, "weight": 500, "leading": 1.6, "numeric": "tabular" } }, "colors": { "ground": "#FFFFFF", "surface": "#F4F6F9", "ink": "#131820", "muted": "#667183", "accent": "#1F5FA8", "rule": "#DBE1E9" }, "rules": [ "Do not draw the V as a diagonal — the shape becomes the subject and the pairing of L2 with T2, which is the point, gets missed", "Equal row counts on both sides; fewer tests than phases means some deliverable has nothing to accept it", "Name who runs each test — \"system test\" alone does not say who attends and who judges", "Write the acceptance criteria when the left-hand phase is written; decided just before the test, they describe what was built", "Fill only the accepting side; fill both and the slide stops saying who decides" ] }, "prompt": { "ja": "以下の仕様でスライドを 1 枚作ってください。\n\n- 版面 1920 × 1080\n- 余白 上 100 右 140 下 100 左 140\n- 2 カラム（等分）、間隔 56\n\n## 強調\n2 列目のみ。手段は 塗り だけ。ほかは変えない\n\n## 文字（版面 1920px に対する px）\ntitle 46px / 700 / 字間 0.01em / 行送り 1.3\nlede 19px / 400 / 行送り 1.8\nlabel 16px / 500 / 字間 0.18em / 大文字\nlv 16px / 700 / 等幅数字\nsname 24px / 700 / 行送り 1.4\nsdoc 15px / 400 / 行送り 1.7\nfkey 14px / 500 / 字間 0.14em\nfval 17px / 500 / 行送り 1.6 / 等幅数字\n\n## 配色\n地 #FFFFFF / 面 #F4F6F9 / 文字 #131820 / 補助 #667183 / 強調 #1F5FA8 / 罫 #DBE1E9\n\n## 外すと崩れる点\n- V 字を斜めに描かない。斜めにすると対応関係が図の形の話になり、L2 と T2 が対だという肝心の点が読み落とされる\n- 左右は同じ行数にする。試験のほうが少ない計画は、受け入れられない成果物があるということ\n- 各試験に実施者を書く。「総合テスト」だけでは、立ち会うのか判定するのかが決まらない\n- 受入基準は左の工程を書いた時点で作る。試験の直前に決めると、作ったものに合わせた基準になる\n- 面を敷くのは受け入れる側だけ。両側を敷くと、どちらが判定の主体か分からなくなる\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/test-v-model-paired/pattern.html", "en": "Produce one slide to the following specification.\n\n- Canvas 1920 × 1080\n- Margin top 100 right 140 bottom 100 left 140\n- 2 equal columns, gap 56\n\n## Emphasis\ncolumn 2 only, by fill and nothing else\n\n## Type (px against a 1920px canvas)\ntitle 46px / 700 / tracking 0.01em / leading 1.3\nlede 19px / 400 / leading 1.8\nlabel 16px / 500 / tracking 0.18em / uppercase\nlv 16px / 700 / tabular numerals\nsname 24px / 700 / leading 1.4\nsdoc 15px / 400 / leading 1.7\nfkey 14px / 500 / tracking 0.14em\nfval 17px / 500 / leading 1.6 / 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- Do not draw the V as a diagonal — the shape becomes the subject and the pairing of L2 with T2, which is the point, gets missed\n- Equal row counts on both sides; fewer tests than phases means some deliverable has nothing to accept it\n- Name who runs each test — \"system test\" alone does not say who attends and who judges\n- Write the acceptance criteria when the left-hand phase is written; decided just before the test, they describe what was built\n- Fill only the accepting side; fill both and the slide stops saying who decides\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/test-v-model-paired/pattern.html." }, "code": { "url": "https://design-vault.pages.dev/designs/test-v-model-paired/pattern.html", "fonts": [ "https://design-vault.pages.dev/designs/test-v-model-paired/font.css", "https://design-vault.pages.dev/designs/test-v-model-paired/font-0.woff2", "https://design-vault.pages.dev/designs/test-v-model-paired/font-1.woff2", "https://design-vault.pages.dev/designs/test-v-model-paired/font-2.woff2" ] } } }, { "position": 11, "slug": "change-request-flow-gates", "kind": "artboard", "title": { "ja": "変更管理 — 各段に営業日を与え、否認の行き先まで描く", "en": "Change Control — Business Days on Every Step, and Where a Refusal Goes" }, "useCase": "change-control", "role": null, "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" }, "reproduction": { "spec": { "format": "slide-16x9", "density": "medium", "layout": { "kind": "flow", "canvas": { "w": 1920, "h": 1080 }, "margin": { "top": 92, "right": 140, "bottom": 92, "left": 140 }, "columns": { "count": 5, "gap": 34 }, "emphasis": { "column": 3, "via": [ "fill", "rule" ] } }, "type": { "title": { "size": 46, "weight": 700, "tracking": "0.01em", "leading": 1.3 }, "lede": { "size": 19, "weight": 400, "leading": 1.8 }, "days": { "size": 14, "weight": 500, "tracking": "0.14em", "numeric": "tabular" }, "sname": { "size": 28, "weight": 700, "leading": 1.4 }, "who": { "size": 15, "weight": 500 }, "out": { "size": 15, "weight": 400, "leading": 1.7 }, "rname": { "size": 20, "weight": 700 }, "rtext": { "size": 16, "weight": 400, "leading": 1.75 }, "fkey": { "size": 14, "weight": 500, "tracking": "0.14em" }, "fval": { "size": 17, "weight": 500, "leading": 1.65, "numeric": "tabular" } }, "colors": { "ground": "#FFFFFF", "surface": "#F4F6F9", "ink": "#131820", "muted": "#667183", "accent": "#1F5FA8", "rule": "#DBE1E9" }, "rules": [ "Put business days on every step — a flow with no clock never answers \"when\", so the team starts building before the answer arrives", "Draw where a refusal goes; with nowhere to go, the same request comes back through intake next month", "Split the judge by size — send everything to one forum and a two-day change waits for a monthly meeting", "Make replanning its own step; when it is not a step, small changes accumulate without ever reaching the schedule", "Fill the one step that stops. The others are work; filling them hides where the waiting happens", "Drop the branch from the judging step's left edge — landing mid-rule makes the heading to its left look like the source" ] }, "prompt": { "ja": "以下の仕様でスライドを 1 枚作ってください。\n\n- 版面 1920 × 1080\n- 余白 上 92 右 140 下 92 左 140\n- 5 カラム（等分）、間隔 34\n\n## 強調\n3 列目のみ。手段は 塗り + 罫 だけ。ほかは変えない\n\n## 文字（版面 1920px に対する px）\ntitle 46px / 700 / 字間 0.01em / 行送り 1.3\nlede 19px / 400 / 行送り 1.8\ndays 14px / 500 / 字間 0.14em / 等幅数字\nsname 28px / 700 / 行送り 1.4\nwho 15px / 500\nout 15px / 400 / 行送り 1.7\nrname 20px / 700\nrtext 16px / 400 / 行送り 1.75\nfkey 14px / 500 / 字間 0.14em\nfval 17px / 500 / 行送り 1.65 / 等幅数字\n\n## 配色\n地 #FFFFFF / 面 #F4F6F9 / 文字 #131820 / 補助 #667183 / 強調 #1F5FA8 / 罫 #DBE1E9\n\n## 外すと崩れる点\n- 各段に営業日を書く。日数の無いフローは「いつ決まるか」を答えないので、現場は待たずに先に作り始める\n- 否認の行き先を描く。行き先の無い否認は、同じ要求が翌月また受付に戻ってくる\n- 判定者を金額や規模で分ける。1 つの会議体に全部持ち込むと、小さな変更が月 1 回の決裁を待つことになる\n- 「計画の改訂」を独立した段にする。ここが段になっていないから、小さな変更が工程表に反映されないまま積み上がる\n- 塗るのは止まる段 1 つだけ。他は作業の段なので、塗ると「どこで待つのか」が読めなくなる\n- 枝は判定の段の左端から L 字で落とす。渡り線の途中に落とすと、その左に置いた見出しが分岐の出どころに見える\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/change-request-flow-gates/pattern.html", "en": "Produce one slide to the following specification.\n\n- Canvas 1920 × 1080\n- Margin top 92 right 140 bottom 92 left 140\n- 5 equal columns, gap 34\n\n## Emphasis\ncolumn 3 only, by fill + rule and nothing else\n\n## Type (px against a 1920px canvas)\ntitle 46px / 700 / tracking 0.01em / leading 1.3\nlede 19px / 400 / leading 1.8\ndays 14px / 500 / tracking 0.14em / tabular numerals\nsname 28px / 700 / leading 1.4\nwho 15px / 500\nout 15px / 400 / leading 1.7\nrname 20px / 700\nrtext 16px / 400 / leading 1.75\nfkey 14px / 500 / tracking 0.14em\nfval 17px / 500 / leading 1.65 / 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- Put business days on every step — a flow with no clock never answers \"when\", so the team starts building before the answer arrives\n- Draw where a refusal goes; with nowhere to go, the same request comes back through intake next month\n- Split the judge by size — send everything to one forum and a two-day change waits for a monthly meeting\n- Make replanning its own step; when it is not a step, small changes accumulate without ever reaching the schedule\n- Fill the one step that stops. The others are work; filling them hides where the waiting happens\n- Drop the branch from the judging step's left edge — landing mid-rule makes the heading to its left look like the source\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/change-request-flow-gates/pattern.html." }, "code": { "url": "https://design-vault.pages.dev/designs/change-request-flow-gates/pattern.html", "fonts": [ "https://design-vault.pages.dev/designs/change-request-flow-gates/font.css", "https://design-vault.pages.dev/designs/change-request-flow-gates/font-0.woff2", "https://design-vault.pages.dev/designs/change-request-flow-gates/font-1.woff2", "https://design-vault.pages.dev/designs/change-request-flow-gates/font-2.woff2" ] } } }, { "position": 12, "slug": "status-report-rag-rows", "kind": "artboard", "title": { "ja": "進捗報告 — 信号の色を使わず、手当ての欄で危険を示す", "en": "Status Report — No Traffic Lights, a Remedy Column Instead" }, "useCase": "status", "role": null, "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" }, "reproduction": { "spec": { "format": "slide-16x9", "density": "high", "layout": { "kind": "table", "canvas": { "w": 1920, "h": 1080 }, "margin": { "top": 96, "right": 140, "bottom": 96, "left": 140 }, "emphasis": { "row": 3, "via": [ "fill", "weight" ] } }, "type": { "title": { "size": 44, "weight": 700, "tracking": "0.01em", "leading": 1.3 }, "period": { "size": 17, "weight": 400, "numeric": "tabular" }, "col": { "size": 15, "weight": 500, "tracking": "0.12em" }, "pname": { "size": 21, "weight": 700, "leading": 1.4 }, "pct": { "size": 20, "weight": 500, "numeric": "tabular" }, "state": { "size": 18, "weight": 500 }, "fix": { "size": 16, "weight": 400, "leading": 1.7 }, "fkey": { "size": 14, "weight": 500, "tracking": "0.14em" }, "fval": { "size": 18, "weight": 500, "leading": 1.6, "numeric": "tabular" } }, "colors": { "ground": "#FFFFFF", "surface": "#F4F6F9", "ink": "#131820", "muted": "#667183", "accent": "#1F5FA8", "rule": "#DBE1E9" }, "rules": [ "No traffic lights — there are six roles and neither red nor amber among them. A word for the state is what survives into the minutes anyway", "Every late row carries its remedy; a delay with no remedy is an announcement, not a report", "Plan as a tick inside the track, actual as the fill — two stacked bars cannot be told apart without reading a legend", "Fill only the row that asks for a decision; filling the late ones too makes \"please decide\" and \"for your information\" weigh the same", "Make the track a faint mix of ink, not the surface colour — on a filled row the two would match and the bar would lose its scale" ] }, "prompt": { "ja": "以下の仕様でスライドを 1 枚作ってください。\n\n- 版面 1920 × 1080\n- 余白 上 96 右 140 下 96 左 140\n\n## 強調\n3 行目のみ。手段は 塗り + 太さ だけ。ほかは変えない\n\n## 文字（版面 1920px に対する px）\ntitle 44px / 700 / 字間 0.01em / 行送り 1.3\nperiod 17px / 400 / 等幅数字\ncol 15px / 500 / 字間 0.12em\npname 21px / 700 / 行送り 1.4\npct 20px / 500 / 等幅数字\nstate 18px / 500\nfix 16px / 400 / 行送り 1.7\nfkey 14px / 500 / 字間 0.14em\nfval 18px / 500 / 行送り 1.6 / 等幅数字\n\n## 配色\n地 #FFFFFF / 面 #F4F6F9 / 文字 #131820 / 補助 #667183 / 強調 #1F5FA8 / 罫 #DBE1E9\n\n## 外すと崩れる点\n- 信号の色を使わない。役割色は 6 つで赤も黄も無く、代わりに状態を語で書く。語で書いたほうが議事録に残る\n- 遅れている行には必ず手当てを書く。手当ての無い遅延は、報告ではなく告知になる\n- 予定は帯の中の目盛り、実績は塗り。2 本の帯を上下に並べると、凡例を読むまでどちらがどちらか決まらない\n- 面を敷くのは判断をお願いする 1 行だけ。遅延も塗ると、決めてほしい行と報告だけの行が同じ重さになる\n- 溝は面ではなく ink の薄い混色にする。塗った行の上で面と同じ色になると、帯の伸びしろが消える\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/status-report-rag-rows/pattern.html", "en": "Produce one slide to the following specification.\n\n- Canvas 1920 × 1080\n- Margin top 96 right 140 bottom 96 left 140\n\n## Emphasis\nrow 3 only, by fill + weight and nothing else\n\n## Type (px against a 1920px canvas)\ntitle 44px / 700 / tracking 0.01em / leading 1.3\nperiod 17px / 400 / tabular numerals\ncol 15px / 500 / tracking 0.12em\npname 21px / 700 / leading 1.4\npct 20px / 500 / tabular numerals\nstate 18px / 500\nfix 16px / 400 / leading 1.7\nfkey 14px / 500 / tracking 0.14em\nfval 18px / 500 / leading 1.6 / 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- No traffic lights — there are six roles and neither red nor amber among them. A word for the state is what survives into the minutes anyway\n- Every late row carries its remedy; a delay with no remedy is an announcement, not a report\n- Plan as a tick inside the track, actual as the fill — two stacked bars cannot be told apart without reading a legend\n- Fill only the row that asks for a decision; filling the late ones too makes \"please decide\" and \"for your information\" weigh the same\n- Make the track a faint mix of ink, not the surface colour — on a filled row the two would match and the bar would lose its scale\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/status-report-rag-rows/pattern.html." }, "code": { "url": "https://design-vault.pages.dev/designs/status-report-rag-rows/pattern.html", "fonts": [ "https://design-vault.pages.dev/designs/status-report-rag-rows/font.css", "https://design-vault.pages.dev/designs/status-report-rag-rows/font-0.woff2", "https://design-vault.pages.dev/designs/status-report-rag-rows/font-1.woff2", "https://design-vault.pages.dev/designs/status-report-rag-rows/font-2.woff2" ] } } }, { "position": 13, "slug": "defect-severity-status-matrix", "kind": "artboard", "title": { "ja": "品質状況 — 残件の合計ではなく、出荷を止める区画を読む", "en": "Defect Status — Read the Blocking Cell, Not the Total" }, "useCase": "testing", "role": null, "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" }, "reproduction": { "spec": { "format": "slide-16x9", "density": "high", "layout": { "kind": "matrix", "canvas": { "w": 1920, "h": 1080 }, "margin": { "top": 92, "right": 140, "bottom": 92, "left": 140 }, "emphasis": { "row": 1, "via": [ "fill", "weight" ] } }, "type": { "title": { "size": 44, "weight": 700, "tracking": "0.01em", "leading": 1.3 }, "period": { "size": 17, "weight": 400, "numeric": "tabular" }, "col": { "size": 15, "weight": 500, "tracking": "0.12em" }, "sev": { "size": 27, "weight": 700, "leading": 1.4 }, "sevNote": { "size": 14, "weight": 400 }, "n": { "size": 42, "weight": 700, "numeric": "tabular" }, "nSoft": { "size": 31, "weight": 400, "numeric": "tabular" }, "fkey": { "size": 14, "weight": 500, "tracking": "0.14em" }, "wn": { "size": 18, "weight": 700, "numeric": "tabular" }, "wk": { "size": 13, "weight": 400, "numeric": "tabular" }, "rule": { "size": 16, "weight": 400, "leading": 1.8 } }, "colors": { "ground": "#FFFFFF", "surface": "#F4F6F9", "ink": "#131820", "muted": "#667183", "accent": "#1F5FA8", "rule": "#DBE1E9" }, "rules": [ "Never headline the total: \"37 open\" decides nothing. What decides is the unresolved cell at the top severity", "Define each severity in one line beside it — undefined, high and medium drift between reports", "Rule between the unresolved columns and done; merely adjacent, a large done count makes the unresolved look small", "Keep the done column — without the denominator there is no telling convergence from a test that has barely started", "Trend the open count alone; overlay found and fixed and the room debates the breakdown before answering whether it is converging", "State the gate on this page — kept elsewhere, the table reports a situation rather than supporting a decision" ] }, "prompt": { "ja": "以下の仕様でスライドを 1 枚作ってください。\n\n- 版面 1920 × 1080\n- 余白 上 92 右 140 下 92 左 140\n\n## 強調\n1 行目のみ。手段は 塗り + 太さ だけ。ほかは変えない\n\n## 文字（版面 1920px に対する px）\ntitle 44px / 700 / 字間 0.01em / 行送り 1.3\nperiod 17px / 400 / 等幅数字\ncol 15px / 500 / 字間 0.12em\nsev 27px / 700 / 行送り 1.4\nsevNote 14px / 400\nn 42px / 700 / 等幅数字\nnSoft 31px / 400 / 等幅数字\nfkey 14px / 500 / 字間 0.14em\nwn 18px / 700 / 等幅数字\nwk 13px / 400 / 等幅数字\nrule 16px / 400 / 行送り 1.8\n\n## 配色\n地 #FFFFFF / 面 #F4F6F9 / 文字 #131820 / 補助 #667183 / 強調 #1F5FA8 / 罫 #DBE1E9\n\n## 外すと崩れる点\n- 残件の合計を大きく出さない。「残 37 件」は安全とも危険とも決めない。決めるのは重要度「高」の未解決の区画\n- 重要度の定義を行の下に 1 行ずつ書く。定義の無い高・中・低は、報告のたびに基準がずれる\n- 未解決 3 列と完了列の間に太い罫を引く。完了を隣に並べるだけだと、大きい完了件数が未解決を小さく見せる\n- 完了列は消さない。分母が消えると、収束しているのか始まってもいないのかが読めない\n- 推移は残存 1 本だけにする。検出と解決を重ねると、「収束しているか」より先に内訳の議論になる\n- 次工程へ進む条件を同じ面に書く。条件が別紙にあると、この表は「今の様子」で終わり、判断の材料にならない\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/defect-severity-status-matrix/pattern.html", "en": "Produce one slide to the following specification.\n\n- Canvas 1920 × 1080\n- Margin top 92 right 140 bottom 92 left 140\n\n## Emphasis\nrow 1 only, by fill + weight and nothing else\n\n## Type (px against a 1920px canvas)\ntitle 44px / 700 / tracking 0.01em / leading 1.3\nperiod 17px / 400 / tabular numerals\ncol 15px / 500 / tracking 0.12em\nsev 27px / 700 / leading 1.4\nsevNote 14px / 400\nn 42px / 700 / tabular numerals\nnSoft 31px / 400 / tabular numerals\nfkey 14px / 500 / tracking 0.14em\nwn 18px / 700 / tabular numerals\nwk 13px / 400 / tabular numerals\nrule 16px / 400 / leading 1.8\n\n## Colour\nGround #FFFFFF / Surface #F4F6F9 / Ink #131820 / Muted #667183 / Accent #1F5FA8 / Rule #DBE1E9\n\n## Constraints — dropping these breaks it\n- Never headline the total: \"37 open\" decides nothing. What decides is the unresolved cell at the top severity\n- Define each severity in one line beside it — undefined, high and medium drift between reports\n- Rule between the unresolved columns and done; merely adjacent, a large done count makes the unresolved look small\n- Keep the done column — without the denominator there is no telling convergence from a test that has barely started\n- Trend the open count alone; overlay found and fixed and the room debates the breakdown before answering whether it is converging\n- State the gate on this page — kept elsewhere, the table reports a situation rather than supporting a decision\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/defect-severity-status-matrix/pattern.html." }, "code": { "url": "https://design-vault.pages.dev/designs/defect-severity-status-matrix/pattern.html", "fonts": [ "https://design-vault.pages.dev/designs/defect-severity-status-matrix/font.css", "https://design-vault.pages.dev/designs/defect-severity-status-matrix/font-0.woff2", "https://design-vault.pages.dev/designs/defect-severity-status-matrix/font-1.woff2", "https://design-vault.pages.dev/designs/defect-severity-status-matrix/font-2.woff2" ] } } }, { "position": 14, "slug": "cutover-runbook-timeline", "kind": "artboard", "title": { "ja": "切替当日の手順 — 戻す判断の時刻を手順の中に置く", "en": "Cutover Runbook — The Rollback Call Has a Clock Time" }, "useCase": "migration", "role": null, "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" }, "reproduction": { "spec": { "format": "slide-16x9", "density": "high", "layout": { "kind": "timeline", "canvas": { "w": 1920, "h": 1080 }, "margin": { "top": 96, "right": 140, "bottom": 96, "left": 140 }, "emphasis": { "row": 5, "via": [ "fill", "rule" ] } }, "type": { "title": { "size": 44, "weight": 700, "tracking": "0.01em", "leading": 1.3 }, "window": { "size": 17, "weight": 500, "numeric": "tabular" }, "time": { "size": 24, "weight": 700, "numeric": "tabular" }, "task": { "size": 22, "weight": 500, "leading": 1.5 }, "owner": { "size": 16, "weight": 400 }, "note": { "size": 16, "weight": 400, "leading": 1.7 }, "fkey": { "size": 14, "weight": 500, "tracking": "0.14em" }, "fval": { "size": 18, "weight": 500, "leading": 1.6, "numeric": "tabular" } }, "colors": { "ground": "#111722", "surface": "#1A2231", "ink": "#E9EDF4", "muted": "#8894A6", "accent": "#5AA2E8", "rule": "#2B3445" }, "rules": [ "Give the rollback call a clock time and a row of its own in the sequence — a rollback policy kept on a separate page is not opened on the night", "Name the team, not the person, on every row — plan for the night when the person you had in mind cannot be reached", "Put durations in the note instead of making the reader subtract clock times at three in the morning", "State the outage window beside the title — what gets agreed is how long business stops, not the sum of the steps", "Always show the fallback date; without one, the rollback decision itself gets postponed" ] }, "prompt": { "ja": "以下の仕様でスライドを 1 枚作ってください。\n\n- 版面 1920 × 1080\n- 余白 上 96 右 140 下 96 左 140\n\n## 強調\n5 行目のみ。手段は 塗り + 罫 だけ。ほかは変えない\n\n## 文字（版面 1920px に対する px）\ntitle 44px / 700 / 字間 0.01em / 行送り 1.3\nwindow 17px / 500 / 等幅数字\ntime 24px / 700 / 等幅数字\ntask 22px / 500 / 行送り 1.5\nowner 16px / 400\nnote 16px / 400 / 行送り 1.7\nfkey 14px / 500 / 字間 0.14em\nfval 18px / 500 / 行送り 1.6 / 等幅数字\n\n## 配色\n地 #111722 / 面 #1A2231 / 文字 #E9EDF4 / 補助 #8894A6 / 強調 #5AA2E8 / 罫 #2B3445\n\n## 外すと崩れる点\n- 戻す判断に時刻を与え、手順の 1 行として並びの中に置く。別枠に書いた切戻し基準は、当日その紙が開かれない\n- 各行に担当を書く。当日は連絡がつかない前提で組むので、名前ではなくチームで書く\n- 所要時間は備考に書き、時刻から引き算させない。深夜に暗算をさせる手順書は読み間違えられる\n- 業務停止の時間幅を見出しの隣に置く。手順の総和ではなく、止まる長さのほうが合意の対象になる\n- 予備日を必ず載せる。当日に切戻した場合の次の日程が決まっていないと、判断そのものが先送りされる\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/cutover-runbook-timeline/pattern.html", "en": "Produce one slide to the following specification.\n\n- Canvas 1920 × 1080\n- Margin top 96 right 140 bottom 96 left 140\n\n## Emphasis\nrow 5 only, by fill + rule and nothing else\n\n## Type (px against a 1920px canvas)\ntitle 44px / 700 / tracking 0.01em / leading 1.3\nwindow 17px / 500 / tabular numerals\ntime 24px / 700 / tabular numerals\ntask 22px / 500 / leading 1.5\nowner 16px / 400\nnote 16px / 400 / leading 1.7\nfkey 14px / 500 / tracking 0.14em\nfval 18px / 500 / leading 1.6 / tabular numerals\n\n## Colour\nGround #111722 / Surface #1A2231 / Ink #E9EDF4 / Muted #8894A6 / Accent #5AA2E8 / Rule #2B3445\n\n## Constraints — dropping these breaks it\n- Give the rollback call a clock time and a row of its own in the sequence — a rollback policy kept on a separate page is not opened on the night\n- Name the team, not the person, on every row — plan for the night when the person you had in mind cannot be reached\n- Put durations in the note instead of making the reader subtract clock times at three in the morning\n- State the outage window beside the title — what gets agreed is how long business stops, not the sum of the steps\n- Always show the fallback date; without one, the rollback decision itself gets postponed\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/cutover-runbook-timeline/pattern.html." }, "code": { "url": "https://design-vault.pages.dev/designs/cutover-runbook-timeline/pattern.html", "fonts": [ "https://design-vault.pages.dev/designs/cutover-runbook-timeline/font.css", "https://design-vault.pages.dev/designs/cutover-runbook-timeline/font-0.woff2", "https://design-vault.pages.dev/designs/cutover-runbook-timeline/font-1.woff2", "https://design-vault.pages.dev/designs/cutover-runbook-timeline/font-2.woff2" ] } } }, { "position": 15, "slug": "closing-decision-request", "kind": "artboard", "title": { "ja": "締めの 1 枚 — お願いする判断を期限つきで 3 件だけ", "en": "Closing Slide — Three Decisions, Each With a Date" }, "useCase": "summary", "role": null, "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" }, "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": { "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" ] } } }, { "position": 16, "slug": "appendix-index-grid", "kind": "artboard", "title": { "ja": "付録の扉 — 収録物を番号つきの格子で見せる", "en": "Appendix Door — What Is Inside, as a Numbered Grid" }, "useCase": "appendix", "role": null, "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" }, "reproduction": { "spec": { "format": "slide-16x9", "density": "medium", "layout": { "kind": "grid", "canvas": { "w": 1920, "h": 1080 }, "margin": { "top": 108, "right": 140, "bottom": 108, "left": 140 }, "columns": { "count": 3, "gap": 24 } }, "type": { "kicker": { "size": 15, "weight": 500, "tracking": "0.3em", "transform": "upper" }, "title": { "size": 54, "weight": 700, "tracking": "0.01em", "leading": 1.3 }, "count": { "size": 17, "weight": 400, "numeric": "tabular" }, "id": { "size": 16, "weight": 700, "tracking": "0.14em", "numeric": "tabular" }, "name": { "size": 25, "weight": 700, "leading": 1.4 }, "about": { "size": 16, "weight": 400, "leading": 1.7 }, "pages": { "size": 14, "weight": 400, "numeric": "tabular" }, "foot": { "size": 16, "weight": 400, "leading": 1.8 } }, "colors": { "ground": "#111722", "surface": "#1A2231", "ink": "#E9EDF4", "muted": "#8894A6", "accent": "#5AA2E8", "rule": "#2B3445" }, "rules": [ "Tile it. A vertical list makes the appendix look like more reading, and people enter it the way they left the main deck", "One line of contents and a page count per item — a list of titles alone makes people open every one", "Raise the rule only on the items you will actually open; raised everywhere it stops being an index", "Number the appendices on their own series, apart from the chapters — shared numbers send every question to the wrong page", "Say plainly that this is outside the main deck — the appendix door is also the signal that nothing after it gets read aloud" ] }, "prompt": { "ja": "以下の仕様でスライドを 1 枚作ってください。\n\n- 版面 1920 × 1080\n- 余白 上 108 右 140 下 108 左 140\n- 3 カラム（等分）、間隔 24\n\n## 文字（版面 1920px に対する px）\nkicker 15px / 500 / 字間 0.3em / 大文字\ntitle 54px / 700 / 字間 0.01em / 行送り 1.3\ncount 17px / 400 / 等幅数字\nid 16px / 700 / 字間 0.14em / 等幅数字\nname 25px / 700 / 行送り 1.4\nabout 16px / 400 / 行送り 1.7\npages 14px / 400 / 等幅数字\nfoot 16px / 400 / 行送り 1.8\n\n## 配色\n地 #111722 / 面 #1A2231 / 文字 #E9EDF4 / 補助 #8894A6 / 強調 #5AA2E8 / 罫 #2B3445\n\n## 外すと崩れる点\n- 格子にする。縦の一覧にすると付録が「読み物の続き」に見え、通し読みの姿勢のまま入られる\n- 各編に中身の 1 行説明と頁数を書く。表題だけの目録は、結局その付録を開かせる\n- その場で参照する編だけ罫を立てる。全部立てると索引として使えない\n- 番号は本編の章とは別系統（A/B/C）にする。同じ番号にすると、質疑で指した先が毎回ずれる\n- 「本編には含みません」と明記する。付録の扉は、ここから先は読み上げないという合図でもある\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/appendix-index-grid/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- 3 equal columns, gap 24\n\n## Type (px against a 1920px canvas)\nkicker 15px / 500 / tracking 0.3em / uppercase\ntitle 54px / 700 / tracking 0.01em / leading 1.3\ncount 17px / 400 / tabular numerals\nid 16px / 700 / tracking 0.14em / tabular numerals\nname 25px / 700 / leading 1.4\nabout 16px / 400 / leading 1.7\npages 14px / 400 / tabular numerals\nfoot 16px / 400 / leading 1.8\n\n## Colour\nGround #111722 / Surface #1A2231 / Ink #E9EDF4 / Muted #8894A6 / Accent #5AA2E8 / Rule #2B3445\n\n## Constraints — dropping these breaks it\n- Tile it. A vertical list makes the appendix look like more reading, and people enter it the way they left the main deck\n- One line of contents and a page count per item — a list of titles alone makes people open every one\n- Raise the rule only on the items you will actually open; raised everywhere it stops being an index\n- Number the appendices on their own series, apart from the chapters — shared numbers send every question to the wrong page\n- Say plainly that this is outside the main deck — the appendix door is also the signal that nothing after it gets read aloud\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/appendix-index-grid/pattern.html." }, "code": { "url": "https://design-vault.pages.dev/designs/appendix-index-grid/pattern.html", "fonts": [ "https://design-vault.pages.dev/designs/appendix-index-grid/font.css", "https://design-vault.pages.dev/designs/appendix-index-grid/font-0.woff2", "https://design-vault.pages.dev/designs/appendix-index-grid/font-1.woff2", "https://design-vault.pages.dev/designs/appendix-index-grid/font-2.woff2" ] } } } ], "urls": { "ja": "https://design-vault.pages.dev/decks/system-project", "en": "https://design-vault.pages.dev/en/decks/system-project", "json": "https://design-vault.pages.dev/ai/decks/system-project.json" }, "catalogVersion": 1, "designSchemaVersion": 2, "notesMarkdown": "## この一式について / About this deck\n\nシステム開発案件で、提案から本番切替までに出す資料の骨格を 16 枚で通したもの。並びは\n目次の版が言う章の順 —— 範囲の線引き、構成と実現方式、体制・工程・費用、移行 —— に\n沿っていて、定例で出す進捗と品質の 2 枚は工程の後ろ、切替の前に置いてある。\n\n濃地は 4 枚だけ。表紙・中扉・付録扉という**話の区切り**と、投影せず手元で読む**切替手順**。\nそれ以外は淡地で、配色は 2 組のどちらかに揃っているので、どの 1 枚を差し替えても\n隣と喧嘩しない。\n\nThe skeleton of a system-development engagement, from proposal to cutover, in sixteen slides.\nThe order follows the chapters the agenda slide names — scope, architecture, team and\nschedule and cost, migration — with the two recurring reports (status, quality) placed after\nthe plan and before the cutover.\n\nFour slides sit on the dark ground: the cover, the section divider and the appendix door,\nwhich mark where the talk turns, and the cutover runbook, which is read on paper rather than\nprojected. Everything else is light, and every slide wears one of the same two palettes, so\nany one of them can be swapped without arguing with its neighbours.\n\n### 入っていないもの / What is not here\n\nリスク一覧・課題管理・RACI・方式選定・出荷判定は**型**で引く（`risk-matrix-register`、\n`action-register`、`raci-matrix`、`options-tradeoff`、`release-readiness`）。差し替わるのが\nデータで、組版の取り決めは毎回同じなので、版にする意味がない。\n\nRisk register, action log, RACI, option selection and release readiness are executable\nlayouts, not artboards: what changes between projects is the data, never the typesetting." }