{ "id": "design:key-message-three-supports", "schemaVersion": 2, "title": { "ja": "主張と根拠 3 つ — 上に言い切り、下に支える 3 本を並べる", "en": "Key Message with Three Supports — The Claim on Top, Three Reasons Holding It Up" }, "summary": { "ja": "主張を色面で囲って上に置き、線でつないだ根拠 3 つを下に並べる。根拠には数字を 1 つずつ持たせる", "en": "The claim sits in a coloured band on top, wired down to three supports below, each carrying one figure" }, "capturedAt": "2026-10-19", "categories": [ "presentation" ], "tags": [ "bold", "typography" ], "useCases": [ "summary" ], "format": "slide-16x9", "density": "medium", "layout": { "kind": "3-column", "canvas": { "w": 1920, "h": 1080 }, "margin": { "top": 96, "right": 140, "bottom": 96, "left": 140 }, "columns": { "count": 3, "gap": 48 } }, "type": { "kicker": { "size": 20, "weight": 500, "tracking": "0.16em" }, "claimLabel": { "size": 20, "weight": 500, "tracking": "0.16em" }, "claimText": { "size": 56, "weight": 700, "leading": 1.4 }, "sLabel": { "size": 20, "weight": 700, "tracking": "0.12em" }, "sFigure": { "size": 72, "weight": 700, "leading": 1.1, "numeric": "tabular" }, "sHead": { "size": 30, "weight": 700, "leading": 1.5 }, "sBody": { "size": 24, "weight": 400, "leading": 1.75 }, "folio": { "size": 16, "weight": 400, "numeric": "tabular" } }, "colors": { "ground": "#FFFFFF", "surface": "#F4F6F9", "ink": "#131820", "muted": "#667183", "accent": "#1F5FA8", "rule": "#DBE1E9", "series": [] }, "rules": [ { "ja": "主張は面で囲い、根拠とは別の層に置く。同じ地に並べると 4 つ目の項目に見える", "en": "Box the claim and give it its own layer — on the same ground it reads as a fourth item" }, { "ja": "根拠は 3 つ。2 つでは弱く、4 つ以上は覚えられない", "en": "Three supports: two is thin, four is not remembered" }, { "ja": "根拠ごとに数字を 1 つ持たせる。数字の無い根拠は、主張の言い換えになる", "en": "Each support carries one figure — without one, a support is the claim reworded" }, { "ja": "主張から根拠へ降りる線を引く。並べただけでは、支えていることが伝わらない", "en": "Draw the lines down from the claim; placed side by side, they do not read as holding it up" } ], "cover": "https://design-vault.pages.dev/_astro/cover.DZGc7sqP.png", "assets": [], "shortlist": false, "status": "published", "relations": { "similar": [ "problem-solution-3step", "bullets-three-levels", "kpi-dark-three-figures" ] }, "license": "Original", "publishedAt": null, "reproduction": { "spec": { "format": "slide-16x9", "density": "medium", "layout": { "kind": "3-column", "canvas": { "w": 1920, "h": 1080 }, "margin": { "top": 96, "right": 140, "bottom": 96, "left": 140 }, "columns": { "count": 3, "gap": 48 } }, "type": { "kicker": { "size": 20, "weight": 500, "tracking": "0.16em" }, "claimLabel": { "size": 20, "weight": 500, "tracking": "0.16em" }, "claimText": { "size": 56, "weight": 700, "leading": 1.4 }, "sLabel": { "size": 20, "weight": 700, "tracking": "0.12em" }, "sFigure": { "size": 72, "weight": 700, "leading": 1.1, "numeric": "tabular" }, "sHead": { "size": 30, "weight": 700, "leading": 1.5 }, "sBody": { "size": 24, "weight": 400, "leading": 1.75 }, "folio": { "size": 16, "weight": 400, "numeric": "tabular" } }, "colors": { "ground": "#FFFFFF", "surface": "#F4F6F9", "ink": "#131820", "muted": "#667183", "accent": "#1F5FA8", "rule": "#DBE1E9" }, "rules": [ "Box the claim and give it its own layer — on the same ground it reads as a fourth item", "Three supports: two is thin, four is not remembered", "Each support carries one figure — without one, a support is the claim reworded", "Draw the lines down from the claim; placed side by side, they do not read as holding it up" ] }, "prompt": { "ja": "以下の仕様でスライドを 1 枚作ってください。\n\n- 版面 1920 × 1080\n- 余白 上 96 右 140 下 96 左 140\n- 3 カラム（等分）、間隔 48\n\n## 文字（版面 1920px に対する px）\nkicker 20px / 500 / 字間 0.16em\nclaimLabel 20px / 500 / 字間 0.16em\nclaimText 56px / 700 / 行送り 1.4\nsLabel 20px / 700 / 字間 0.12em\nsFigure 72px / 700 / 行送り 1.1 / 等幅数字\nsHead 30px / 700 / 行送り 1.5\nsBody 24px / 400 / 行送り 1.75\nfolio 16px / 400 / 等幅数字\n\n## 配色\n地 #FFFFFF / 面 #F4F6F9 / 文字 #131820 / 補助 #667183 / 強調 #1F5FA8 / 罫 #DBE1E9\n\n## 外すと崩れる点\n- 主張は面で囲い、根拠とは別の層に置く。同じ地に並べると 4 つ目の項目に見える\n- 根拠は 3 つ。2 つでは弱く、4 つ以上は覚えられない\n- 根拠ごとに数字を 1 つ持たせる。数字の無い根拠は、主張の言い換えになる\n- 主張から根拠へ降りる線を引く。並べただけでは、支えていることが伝わらない\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/key-message-three-supports/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- 3 equal columns, gap 48\n\n## Type (px against a 1920px canvas)\nkicker 20px / 500 / tracking 0.16em\nclaimLabel 20px / 500 / tracking 0.16em\nclaimText 56px / 700 / leading 1.4\nsLabel 20px / 700 / tracking 0.12em\nsFigure 72px / 700 / leading 1.1 / tabular numerals\nsHead 30px / 700 / leading 1.5\nsBody 24px / 400 / leading 1.75\nfolio 16px / 400 / 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- Box the claim and give it its own layer — on the same ground it reads as a fourth item\n- Three supports: two is thin, four is not remembered\n- Each support carries one figure — without one, a support is the claim reworded\n- Draw the lines down from the claim; placed side by side, they do not read as holding it up\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/key-message-three-supports/pattern.html." }, "code": { "html": "\n\n主張と根拠 3 つ — 上に言い切り、下に支える 3 本を並べる\n\n\n\n\n
\n
\n

2. 一本化で何が変わるか

\n\n
\n

私たちの主張

\n

窓口を 1 つにすれば、一次回答までの時間を半分にできる

\n
\n\n
\n \n \n \n \n \n \n \n
\n\n
\n
\n

根拠 1

\n

−1.6日

\n

回し直しがなくなる

\n

別窓口への転送 1 件あたりの遅れ。受付を 1 か所にすれば転送そのものが起きない

\n
\n
\n

根拠 2

\n

1冊

\n

回答台帳が 1 か所に集まる

\n

過去の回答を全員が引けるので、調べ直しと答えの食い違いが減る

\n
\n
\n

根拠 3

\n

±0人

\n

繁忙を窓口をまたいで均せる

\n

人を増やさずに、請求期の山を他の担当者で受け止められる

\n
\n
\n\n
問い合わせ窓口の一本化 ／ 社内説明会04 / 10
\n
\n
\n", "url": "https://design-vault.pages.dev/designs/key-message-three-supports/pattern.html", "fonts": [ "https://design-vault.pages.dev/designs/key-message-three-supports/font.css", "https://design-vault.pages.dev/designs/key-message-three-supports/font-0.woff2", "https://design-vault.pages.dev/designs/key-message-three-supports/font-1.woff2", "https://design-vault.pages.dev/designs/key-message-three-supports/font-2.woff2" ] } }, "urls": { "ja": "https://design-vault.pages.dev/designs/key-message-three-supports", "en": "https://design-vault.pages.dev/en/designs/key-message-three-supports", "json": "https://design-vault.pages.dev/ai/assets/key-message-three-supports.json", "designJson": "https://design-vault.pages.dev/ai/designs/key-message-three-supports.json" }, "notesMarkdown": "## この構成について / About this pattern\n\n出典を持たない自作パターン。**`pattern.html` が版そのもの**で、`cover.png` と frontmatter の\n`layout` / `type` / `colors` はどちらもそこから機械的に測った結果。一式「基本の 10 枚」の 1 枚で、\n配色は system-project 一式の淡地・濃地と同じ 2 組に揃えてある。\n\nA self-authored pattern. `pattern.html` is the artboard itself; both `cover.png` and the\nmeasurements in the frontmatter are derived from it. One of the ten basic slides, drawn in the\nsame two palettes as the system-project deck so the two can be mixed.\n\n### Techniques\n\n- 主張は強調色の面に地の色で抜く。版の中で強調色の面はここだけ\n- 根拠の列の上端を太い墨の罫で揃え、列の頭を作る\n- 枝分かれの線は罫の色で細く。図ではなく、つながりの印にとどめる\n\n### Apply to\n\n- 提案の核心を示す 1 枚\n- 説得の章の頭（主張を先に出し、根拠を各 1 枚で展開する）", "slug": "key-message-three-supports", "kind": "artboard", "catalogVersion": 1, "designSchemaVersion": 2, "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse" }