{ "id": "maturity-staircase-now-target", "schemaVersion": 2, "title": { "ja": "運用の成熟度 — いま 2 段目、1 年後に 4 段目", "en": "Operational Maturity — Level Two Today, Level Four in a Year" }, "summary": { "ja": "5 段の階段。段の高さが水準で、現在地と目標を印で置く。段ごとに「満たしたと言える条件」を書き、自己申告にならないようにする", "en": "Five rising steps. Height is the level, two markers say where we are and where we are going, and each step carries the condition that makes it true" }, "capturedAt": "2026-09-16", "categories": [ "presentation" ], "tags": [ "minimal", "typography" ], "useCases": [ "status" ], "format": "slide-16x9", "density": "medium", "layout": { "kind": "axis", "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 }, "marker": { "size": 26, "weight": 700, "leading": 1.2 }, "levelName": { "size": 24, "weight": 700, "leading": 1.3 }, "levelNote": { "size": 20, "weight": 400, "leading": 1.6 }, "conclusion": { "size": 26, "weight": 500, "leading": 1.6 }, "note": { "size": 16, "weight": 400, "leading": 1.6 } }, "colors": { "ground": "#FFFFFF", "surface": "#F4F6F9", "ink": "#131820", "muted": "#667183", "accent": "#1F5FA8", "rule": "#DBE1E9", "series": [] }, "rules": [ { "ja": "段ごとに「満たしたと言える条件」を書く。条件の無い成熟度は自己申告になり、2 段目か 3 段目かで会議が終わる", "en": "Give every step the condition that makes it true. Without one, maturity is self-assessed and the meeting is spent arguing between level two and three" }, { "ja": "段に色を与えない。5 つの段は 5 種類ではなく 1 本の尺度の目盛りで、色を変えると並列の区分に見える", "en": "Do not colour the steps. Five steps are not five categories but marks on one scale, and colour makes them read as parallel options" }, { "ja": "現在地と目標だけを印す。途中の段に印を足すと、階段が計画表に変わって「いつ」の話が始まる", "en": "Mark only where you are and where you are going. A third marker turns the staircase into a schedule and the conversation shifts to dates" }, { "ja": "段を飛ばせるように描かない。高さが積み上がって見えるのは、下の段が上の段の前提だからである", "en": "Never draw the steps as skippable. The rising height is the claim that each level rests on the one below" }, { "ja": "上がる手段が変わる場所を結論に書く。道具で上がれる段と、人を置かないと上がれない段の境目が、この図で唯一の決定点である", "en": "Close on where the means of climbing changes. The boundary between steps a tool can lift you over and steps that need a person is the only decision this figure asks for" } ], "cover": "https://design-vault.pages.dev/_astro/cover.5hvHmKfj.png", "assets": [], "shortlist": false, "status": "published", "relations": { "similar": [ "spectrum-two-poles" ] }, "license": "Original", "publishedAt": null, "reproduction": { "spec": { "format": "slide-16x9", "density": "medium", "layout": { "kind": "axis", "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 }, "marker": { "size": 26, "weight": 700, "leading": 1.2 }, "levelName": { "size": 24, "weight": 700, "leading": 1.3 }, "levelNote": { "size": 20, "weight": 400, "leading": 1.6 }, "conclusion": { "size": 26, "weight": 500, "leading": 1.6 }, "note": { "size": 16, "weight": 400, "leading": 1.6 } }, "colors": { "ground": "#FFFFFF", "surface": "#F4F6F9", "ink": "#131820", "muted": "#667183", "accent": "#1F5FA8", "rule": "#DBE1E9" }, "rules": [ "Give every step the condition that makes it true. Without one, maturity is self-assessed and the meeting is spent arguing between level two and three", "Do not colour the steps. Five steps are not five categories but marks on one scale, and colour makes them read as parallel options", "Mark only where you are and where you are going. A third marker turns the staircase into a schedule and the conversation shifts to dates", "Never draw the steps as skippable. The rising height is the claim that each level rests on the one below", "Close on where the means of climbing changes. The boundary between steps a tool can lift you over and steps that need a person is the only decision this figure asks for" ] }, "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\nmarker 26px / 700 / 行送り 1.2\nlevelName 24px / 700 / 行送り 1.3\nlevelNote 20px / 400 / 行送り 1.6\nconclusion 26px / 500 / 行送り 1.6\nnote 16px / 400 / 行送り 1.6\n\n## 配色\n地 #FFFFFF / 面 #F4F6F9 / 文字 #131820 / 補助 #667183 / 強調 #1F5FA8 / 罫 #DBE1E9\n\n## 外すと崩れる点\n- 段ごとに「満たしたと言える条件」を書く。条件の無い成熟度は自己申告になり、2 段目か 3 段目かで会議が終わる\n- 段に色を与えない。5 つの段は 5 種類ではなく 1 本の尺度の目盛りで、色を変えると並列の区分に見える\n- 現在地と目標だけを印す。途中の段に印を足すと、階段が計画表に変わって「いつ」の話が始まる\n- 段を飛ばせるように描かない。高さが積み上がって見えるのは、下の段が上の段の前提だからである\n- 上がる手段が変わる場所を結論に書く。道具で上がれる段と、人を置かないと上がれない段の境目が、この図で唯一の決定点である\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/maturity-staircase-now-target/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\nmarker 26px / 700 / leading 1.2\nlevelName 24px / 700 / leading 1.3\nlevelNote 20px / 400 / leading 1.6\nconclusion 26px / 500 / leading 1.6\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- Give every step the condition that makes it true. Without one, maturity is self-assessed and the meeting is spent arguing between level two and three\n- Do not colour the steps. Five steps are not five categories but marks on one scale, and colour makes them read as parallel options\n- Mark only where you are and where you are going. A third marker turns the staircase into a schedule and the conversation shifts to dates\n- Never draw the steps as skippable. The rising height is the claim that each level rests on the one below\n- Close on where the means of climbing changes. The boundary between steps a tool can lift you over and steps that need a person is the only decision this figure asks for\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/maturity-staircase-now-target/pattern.html." }, "code": { "html": "\n\n運用の成熟度 — いま 2 段目、1 年後に 4 段目\n\n\n\n\n
\n
\n
\n

運用の成熟度 — いま 2 段目、1 年後に 4 段目

\n

対象は障害対応の運用 / 評価は 9 月の内部監査 / 段の定義は運用基準 v2

\n
\n\n
\n
\n
\n \n
\n
\n
その場対応
\n
担当者の記憶で直す
\n
\n
\n\n
\n \n
いま
\n
\n
手順がある
\n
手順書どおりに直せる
\n
\n
\n\n
\n \n
\n
\n
記録が残る
\n
何が起きたか後から追える
\n
\n
\n\n
\n \n
1 年後
\n
\n
数字で見える
\n
件数と時間が毎週出る
\n
\n
\n\n
\n \n
\n
\n
自動で直る
\n
既知の事象は人が触らない
\n
\n
\n
\n\n

3 段目までは道具を入れれば上がる。4 段目からは、数字を毎週見る人を置くかどうかの話になる

\n
\n\n
段は積み上がる。下の段を満たさずに上の段だけを満たすことはできない。
\n
\n
\n", "url": "https://design-vault.pages.dev/designs/maturity-staircase-now-target/pattern.html", "fonts": [ "https://design-vault.pages.dev/designs/maturity-staircase-now-target/font.css", "https://design-vault.pages.dev/designs/maturity-staircase-now-target/font-0.woff2", "https://design-vault.pages.dev/designs/maturity-staircase-now-target/font-1.woff2", "https://design-vault.pages.dev/designs/maturity-staircase-now-target/font-2.woff2" ] } }, "urls": { "ja": "https://design-vault.pages.dev/designs/maturity-staircase-now-target", "en": "https://design-vault.pages.dev/en/designs/maturity-staircase-now-target" }, "notesMarkdown": "成熟度の図が役に立たなくなるのは、段に名前しか書かれていないときである。\n「手順がある」と「記録が残る」のどちらに居るかは、条件が書かれていなければ\n自己申告になり、その申告を巡って会議が終わる。\n\n印を 2 つに絞っているのも同じ理由である。3 つ目を置いた瞬間、この図は水準の話を\nやめて日程の話を始める。いつ上がるかは別の図の仕事であり、ここで答えるのは\n「いまどこにいて、どこを目指すか」だけである。" }