{
"id": "fishbone-cause-categories",
"schemaVersion": 2,
"title": {
"ja": "納期が遅れる要因 — 4 つに分けて、手が届くものを選ぶ",
"en": "Why the Date Slips — Four Categories, Then Pick What You Can Reach"
},
"summary": {
"ja": "背骨に向かう枝が原因の分類。分類を先に固定することで、思いついた順が原因の構造に見えるのを防ぐ",
"en": "Branches feeding a spine, one per category. Fixing the categories in advance stops the order things were mentioned in from looking like the structure of the problem"
},
"capturedAt": "2026-09-16",
"categories": [
"presentation"
],
"tags": [
"minimal",
"typography"
],
"useCases": [
"problem-solution"
],
"format": "slide-16x9",
"density": "high",
"layout": {
"kind": "tree",
"canvas": {
"w": 1920,
"h": 1080
},
"margin": {
"top": 96,
"right": 140,
"bottom": 96,
"left": 140
}
},
"type": {
"title": {
"size": 44,
"weight": 700,
"tracking": "0.01em",
"leading": 1.3
},
"window": {
"size": 20,
"weight": 500,
"leading": 1.5
},
"category": {
"size": 24,
"weight": 700,
"leading": 1.3
},
"cause": {
"size": 20,
"weight": 400,
"leading": 1.5
},
"effectName": {
"size": 26,
"weight": 700,
"leading": 1.3
},
"note": {
"size": 16,
"weight": 400,
"leading": 1.6
}
},
"colors": {
"ground": "#FFFFFF",
"surface": "#F4F6F9",
"ink": "#131820",
"muted": "#667183",
"accent": "#1F5FA8",
"rule": "#DBE1E9",
"series": []
},
"rules": [
{
"ja": "分類を先に固定する。出てきた原因から分類を作ると、思いついた順がそのまま原因の構造に見える",
"en": "Fix the categories before collecting causes. Derive them from what came up and the order of mention becomes the apparent structure"
},
{
"ja": "結果は 1 つだけ。背骨の先が 2 つあると、どの原因がどちらに効くのかを言わないまま図が終わる",
"en": "One effect only. Two heads on the spine and the figure ends without saying which causes feed which"
},
{
"ja": "分類に色を与えない。4 つは違う種類のものではなく、同じ 1 つの結果へ向かう枝の束である",
"en": "Do not colour the categories. They are not four different things but four bundles of branches feeding one result"
},
{
"ja": "原因は事実の形で書く。「意識が低い」のような評価を枝に置くと、次の手が打てない",
"en": "State causes as facts. A judgement like 'low awareness' on a branch leaves nothing anyone can act on"
},
{
"ja": "分類は 4〜6 つ。3 つでは荒く、7 つを超えると枝が重なって、どの枝の原因かが読めなくなる",
"en": "Four to six categories. Three is too coarse; past seven the branches overlap and a cause can no longer be traced to its branch"
}
],
"cover": "https://design-vault.pages.dev/_astro/cover.CpeCvIo7.png",
"assets": [],
"shortlist": false,
"status": "published",
"relations": {
"similar": [
"iceberg-visible-hidden",
"maturity-staircase-now-target"
]
},
"license": "Original",
"publishedAt": null,
"reproduction": {
"spec": {
"format": "slide-16x9",
"density": "high",
"layout": {
"kind": "tree",
"canvas": {
"w": 1920,
"h": 1080
},
"margin": {
"top": 96,
"right": 140,
"bottom": 96,
"left": 140
}
},
"type": {
"title": {
"size": 44,
"weight": 700,
"tracking": "0.01em",
"leading": 1.3
},
"window": {
"size": 20,
"weight": 500,
"leading": 1.5
},
"category": {
"size": 24,
"weight": 700,
"leading": 1.3
},
"cause": {
"size": 20,
"weight": 400,
"leading": 1.5
},
"effectName": {
"size": 26,
"weight": 700,
"leading": 1.3
},
"note": {
"size": 16,
"weight": 400,
"leading": 1.6
}
},
"colors": {
"ground": "#FFFFFF",
"surface": "#F4F6F9",
"ink": "#131820",
"muted": "#667183",
"accent": "#1F5FA8",
"rule": "#DBE1E9"
},
"rules": [
"Fix the categories before collecting causes. Derive them from what came up and the order of mention becomes the apparent structure",
"One effect only. Two heads on the spine and the figure ends without saying which causes feed which",
"Do not colour the categories. They are not four different things but four bundles of branches feeding one result",
"State causes as facts. A judgement like 'low awareness' on a branch leaves nothing anyone can act on",
"Four to six categories. Three is too coarse; past seven the branches overlap and a cause can no longer be traced to its branch"
]
},
"prompt": {
"ja": "以下の仕様でスライドを 1 枚作ってください。\n\n- 版面 1920 × 1080\n- 余白 上 96 右 140 下 96 左 140\n\n## 文字（版面 1920px に対する px）\ntitle 44px / 700 / 字間 0.01em / 行送り 1.3\nwindow 20px / 500 / 行送り 1.5\ncategory 24px / 700 / 行送り 1.3\ncause 20px / 400 / 行送り 1.5\neffectName 26px / 700 / 行送り 1.3\nnote 16px / 400 / 行送り 1.6\n\n## 配色\n地 #FFFFFF / 面 #F4F6F9 / 文字 #131820 / 補助 #667183 / 強調 #1F5FA8 / 罫 #DBE1E9\n\n## 外すと崩れる点\n- 分類を先に固定する。出てきた原因から分類を作ると、思いついた順がそのまま原因の構造に見える\n- 結果は 1 つだけ。背骨の先が 2 つあると、どの原因がどちらに効くのかを言わないまま図が終わる\n- 分類に色を与えない。4 つは違う種類のものではなく、同じ 1 つの結果へ向かう枝の束である\n- 原因は事実の形で書く。「意識が低い」のような評価を枝に置くと、次の手が打てない\n- 分類は 4〜6 つ。3 つでは荒く、7 つを超えると枝が重なって、どの枝の原因かが読めなくなる\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/fishbone-cause-categories/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## Type (px against a 1920px canvas)\ntitle 44px / 700 / tracking 0.01em / leading 1.3\nwindow 20px / 500 / leading 1.5\ncategory 24px / 700 / leading 1.3\ncause 20px / 400 / leading 1.5\neffectName 26px / 700 / leading 1.3\nnote 16px / 400 / 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- Fix the categories before collecting causes. Derive them from what came up and the order of mention becomes the apparent structure\n- One effect only. Two heads on the spine and the figure ends without saying which causes feed which\n- Do not colour the categories. They are not four different things but four bundles of branches feeding one result\n- State causes as facts. A judgement like 'low awareness' on a branch leaves nothing anyone can act on\n- Four to six categories. Three is too coarse; past seven the branches overlap and a cause can no longer be traced to its branch\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/fishbone-cause-categories/pattern.html."
},
"code": {
"html": "\n\n納期が遅れる要因 — 4 つに分けて、手が届くものを選ぶ\n\n\n\n\n