{ "id": "status-report-rag-rows", "schemaVersion": 2, "title": { "ja": "進捗報告 — 信号の色を使わず、手当ての欄で危険を示す", "en": "Status Report — No Traffic Lights, a Remedy Column Instead" }, "summary": { "ja": "工程ごとに予定と実績を帯で重ね、状態は 3 語で書く。手を打つ必要がある 1 行だけを面にする", "en": "Plan and actual overlaid per phase, status in three words, and a fill on the single row that needs a decision" }, "capturedAt": "2026-09-15", "categories": [ "presentation" ], "tags": [ "minimal", "data-viz" ], "useCases": [ "status", "kpi" ], "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", "series": [] }, "rules": [ { "ja": "信号の色を使わない。役割色は 6 つで赤も黄も無く、代わりに状態を語で書く。語で書いたほうが議事録に残る", "en": "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" }, { "ja": "遅れている行には必ず手当てを書く。手当ての無い遅延は、報告ではなく告知になる", "en": "Every late row carries its remedy; a delay with no remedy is an announcement, not a report" }, { "ja": "予定は帯の中の目盛り、実績は塗り。2 本の帯を上下に並べると、凡例を読むまでどちらがどちらか決まらない", "en": "Plan as a tick inside the track, actual as the fill — two stacked bars cannot be told apart without reading a legend" }, { "ja": "面を敷くのは判断をお願いする 1 行だけ。遅延も塗ると、決めてほしい行と報告だけの行が同じ重さになる", "en": "Fill only the row that asks for a decision; filling the late ones too makes \"please decide\" and \"for your information\" weigh the same" }, { "ja": "溝は面ではなく ink の薄い混色にする。塗った行の上で面と同じ色になると、帯の伸びしろが消える", "en": "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" } ], "cover": "https://design-vault.pages.dev/_astro/cover.CYMJtC3s.png", "assets": [], "shortlist": false, "status": "published", "relations": { "similar": [ "wbs-gantt-six-phases", "requirements-response-table", "kpi-dark-three-figures" ] }, "license": "Original", "publishedAt": null, "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": { "html": "\n\n進捗報告 — 信号の色を使わず、手当ての欄で危険を示す\n\n\n\n\n
\n
\n
\n

進捗報告（第 18 週）

\n

2027.02.01 - 02.05 ／ 次回報告 02.12

\n
\n\n
\n
\n

工程

\n

予定

\n

実績

\n

進み具合

\n

状態

\n

手当て

\n
\n\n
\n

基本設計

\n

100%

\n

100%

\n

\n

完了

\n

御社承認済（01.29）

\n
\n\n
\n

詳細設計

\n

78%

\n

74%

\n

\n

順調

\n

差の 4% は今週中に吸収

\n
\n\n
\n

帳票の様式確定

\n

60%

\n

31%

\n

\n

要ご判断

\n

統合対象 4 帳票の可否を 02.12 までにお願いします

\n
\n\n
\n

実装（受注登録）

\n

42%

\n

45%

\n

\n

順調

\n

先行分を単体試験へ

\n
\n\n
\n

試験環境の構築

\n

50%

\n

38%

\n

\n

遅延

\n

02.20 までに回復見込み。工程全体への影響なし

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

未解決の課題

\n

8 件（うち期限超過 1 件）

\n
\n
\n

全体工程への影響

\n

現時点でなし

\n
\n
\n

本日お願いする決定

\n

帳票 4 件の統合可否

\n
\n
\n
\n
\n", "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" ] } }, "urls": { "ja": "https://design-vault.pages.dev/designs/status-report-rag-rows", "en": "https://design-vault.pages.dev/en/designs/status-report-rag-rows" }, "notesMarkdown": "## この構成について / About this pattern\n\n定例で出す進捗報告の版。**`pattern.html` が版そのもの**で、`cover.png` と frontmatter の寸法は\nどちらもそこから機械的に出している。編集するのは `pattern.html` だけ。\n\nThe recurring status report. `pattern.html` is the artboard itself; both `cover.png` and the\nmeasurements come from it, so the three cannot drift apart.\n\n### Techniques\n\n- 予定と実績を数値でも帯でも出す。数値だけだと差が読めず、帯だけだと議事録に書けない\n- 状態の語は 4 種（完了・順調・遅延・要ご判断）まで。増やすと語の選定が報告の主題になる\n- 下端に「未解決の課題」「全体工程への影響」「本日お願いする決定」を固定で置く。毎回同じ位置にあると、聞き手がそこだけ見る習慣を作れる\n\n### Apply to\n\n- 週次・月次の進捗報告、ステアリングコミッティ向けの要約\n- 課題の消化状況（工程を課題区分に読み替える）" }