{
"id": "matrix-2x2-priority-plot",
"schemaVersion": 2,
"title": {
"ja": "2 軸マトリクス — 位置そのものを読ませる",
"en": "Two-by-Two — Position Itself Is the Message"
},
"summary": {
"ja": "効果と労力で候補を置き、着手する 2 件だけを塗る。象限は塗り分けない",
"en": "Candidates placed by impact and effort, with only the two to start filled in"
},
"capturedAt": "2026-09-15",
"categories": [
"presentation"
],
"tags": [
"minimal",
"data-viz"
],
"useCases": [
"prioritization",
"comparison"
],
"format": "slide-16x9",
"density": "medium",
"layout": {
"kind": "matrix",
"canvas": {
"w": 1920,
"h": 1080
},
"margin": {
"top": 96,
"right": 128,
"bottom": 96,
"left": 128
}
},
"type": {
"title": {
"size": 42,
"weight": 700,
"tracking": "0.02em"
},
"legend": {
"size": 17,
"weight": 400
},
"axis": {
"size": 17,
"weight": 500,
"tracking": "0.08em"
},
"quad": {
"size": 15,
"weight": 500,
"tracking": "0.16em"
},
"dot": {
"size": 20,
"weight": 700
}
},
"colors": {
"ground": "#FFFFFF",
"surface": "#F5F7FA",
"ink": "#121722",
"muted": "#6D7684",
"accent": "#1D4ED8",
"rule": "#D3D9E2",
"series": []
},
"rules": [
{
"ja": "象限を塗り分けない。4 色にした瞬間、凡例の要る図になる",
"en": "Never fill the quadrants — four colours turns the plane into a legend"
},
{
"ja": "軸のラベルは平面の外側に置く。中に置くと点と競合する",
"en": "Axis labels live outside the plane; inside they compete with the points"
},
{
"ja": "塗る点は 2 件まで。3 件目を塗ると「優先順位」ではなく「一覧」になる",
"en": "Fill at most two points — a third turns a priority into a list"
}
],
"cover": "https://design-vault.pages.dev/_astro/cover.Dw6l6GTM.png",
"assets": [],
"shortlist": false,
"status": "published",
"relations": {
"similar": [
"comparison-table-single-fill",
"comparison-before-after",
"offering-grid-six-cards"
]
},
"license": "Original",
"publishedAt": null,
"reproduction": {
"spec": {
"format": "slide-16x9",
"density": "medium",
"layout": {
"kind": "matrix",
"canvas": {
"w": 1920,
"h": 1080
},
"margin": {
"top": 96,
"right": 128,
"bottom": 96,
"left": 128
}
},
"type": {
"title": {
"size": 42,
"weight": 700,
"tracking": "0.02em"
},
"legend": {
"size": 17,
"weight": 400
},
"axis": {
"size": 17,
"weight": 500,
"tracking": "0.08em"
},
"quad": {
"size": 15,
"weight": 500,
"tracking": "0.16em"
},
"dot": {
"size": 20,
"weight": 700
}
},
"colors": {
"ground": "#FFFFFF",
"surface": "#F5F7FA",
"ink": "#121722",
"muted": "#6D7684",
"accent": "#1D4ED8",
"rule": "#D3D9E2"
},
"rules": [
"Never fill the quadrants — four colours turns the plane into a legend",
"Axis labels live outside the plane; inside they compete with the points",
"Fill at most two points — a third turns a priority into a list"
]
},
"prompt": {
"ja": "以下の仕様でスライドを 1 枚作ってください。\n\n- 版面 1920 × 1080\n- 余白 上 96 右 128 下 96 左 128\n\n## 文字（版面 1920px に対する px）\ntitle 42px / 700 / 字間 0.02em\nlegend 17px / 400\naxis 17px / 500 / 字間 0.08em\nquad 15px / 500 / 字間 0.16em\ndot 20px / 700\n\n## 配色\n地 #FFFFFF / 面 #F5F7FA / 文字 #121722 / 補助 #6D7684 / 強調 #1D4ED8 / 罫 #D3D9E2\n\n## 外すと崩れる点\n- 象限を塗り分けない。4 色にした瞬間、凡例の要る図になる\n- 軸のラベルは平面の外側に置く。中に置くと点と競合する\n- 塗る点は 2 件まで。3 件目を塗ると「優先順位」ではなく「一覧」になる\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/matrix-2x2-priority-plot/pattern.html",
"en": "Produce one slide to the following specification.\n\n- Canvas 1920 × 1080\n- Margin top 96 right 128 bottom 96 left 128\n\n## Type (px against a 1920px canvas)\ntitle 42px / 700 / tracking 0.02em\nlegend 17px / 400\naxis 17px / 500 / tracking 0.08em\nquad 15px / 500 / tracking 0.16em\ndot 20px / 700\n\n## Colour\nGround #FFFFFF / Surface #F5F7FA / Ink #121722 / Muted #6D7684 / Accent #1D4ED8 / Rule #D3D9E2\n\n## Constraints — dropping these breaks it\n- Never fill the quadrants — four colours turns the plane into a legend\n- Axis labels live outside the plane; inside they compete with the points\n- Fill at most two points — a third turns a priority into a list\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/matrix-2x2-priority-plot/pattern.html."
},
"code": {
"html": "\n\n2 軸マトリクス — 位置そのものを読ませる\n\n\n\n\n
\n
\n
\n
着手順の合意 —— 効果と労力で置く
\n
塗りは今期に着手する 2 件。残りは順序だけ決めて今期は触らない
\n
\n\n
\n
効果 小効果 大
\n
\n
すぐやる
\n
腰を据える
\n
ついでに
\n
やらない
\n\n
承認経路の短縮
\n
台帳の一本化
\n
受注APIの刷新
\n
基幹の全面移行
\n
帳票の様式統一
\n
マニュアル整備
\n
拠点別の独自改修
\n
旧端末の延命
\n
\n
労力 小労力 大
\n
\n
\n
\n",
"url": "https://design-vault.pages.dev/designs/matrix-2x2-priority-plot/pattern.html",
"fonts": [
"https://design-vault.pages.dev/designs/matrix-2x2-priority-plot/font.css",
"https://design-vault.pages.dev/designs/matrix-2x2-priority-plot/font-0.woff2",
"https://design-vault.pages.dev/designs/matrix-2x2-priority-plot/font-1.woff2",
"https://design-vault.pages.dev/designs/matrix-2x2-priority-plot/font-2.woff2"
]
}
},
"urls": {
"ja": "https://design-vault.pages.dev/designs/matrix-2x2-priority-plot",
"en": "https://design-vault.pages.dev/en/designs/matrix-2x2-priority-plot"
},
"notesMarkdown": "## この構成について / About this pattern\n\n出典を持たない自作パターン。**`pattern.html` が版そのもの**で、`cover.png` と frontmatter の\n`layout` / `type` / `colors` はどちらもそこから機械的に測った結果。編集するのは `pattern.html`\nだけで、寸法を手で書き直すことはない。\n\nA self-authored pattern. `pattern.html` is the artboard itself; both `cover.png` and the\nmeasurements in the frontmatter are derived from it, so the three cannot drift apart.\nEdit the artboard, never the numbers.\n\n### Techniques\n\n- 右側の点はラベルを左に出す（row-reverse）。版面の外へ文字が逃げるのを防ぐ\n- 象限名は 15px・字間 .16em。点のラベルより必ず小さくする\n- 塗らない点は白丸 + muted の輪郭。消すのではなく、順序だけ決めて残す\n\n### Apply to\n\n- 施策の着手順を合意する\n- 候補を絞り込む検討会"
}