{ "id": "iceberg-visible-hidden", "schemaVersion": 2, "title": { "ja": "見えている事象と、その下の 3 層 — 手を入れる場所は下にしかない", "en": "The Event and the Three Layers Beneath It — Only the Lower Two Can Be Changed" }, "summary": { "ja": "4 層の氷山。深いほど広く上の層を含むので、色ではなく濃度で深さを示し、層ごとに「そこで答える問い」を置く", "en": "A four-layer iceberg. Each deeper layer is wider and contains the one above, so depth is shown by strength rather than hue, and every layer carries the question it answers" }, "capturedAt": "2026-09-16", "categories": [ "presentation" ], "tags": [ "minimal", "typography" ], "useCases": [ "problem-solution" ], "format": "slide-16x9", "density": "medium", "layout": { "kind": "nested", "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 }, "side": { "size": 20, "weight": 500, "leading": 1.4 }, "layerName": { "size": 28, "weight": 700, "leading": 1.3 }, "layerQuestion": { "size": 22, "weight": 400, "leading": 1.5 }, "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": "層ごとに色を変えない。4 つは並列の区分ではなく、下ほど広く上を含む入れ子で、色を変えると 4 種類の原因に見える", "en": "Do not colour the layers differently. They are not four categories but a nesting in which each deeper layer contains the one above; different hues make them read as four kinds of cause" }, { "ja": "層ごとに「そこで答える問い」を置く。名前だけの層は、どこまで掘ったかを判定できず、掘ったふりが通る", "en": "Give every layer the question it answers. Layers with only names cannot tell you how deep the analysis actually went, so stopping early passes as digging" }, { "ja": "水面は 1 本だけ引く。見えている／見えていないの境目が 2 つ以上あると、何が隠れているのかを言えなくなる", "en": "Draw exactly one waterline. With more than one boundary between seen and unseen, the figure can no longer say what is hidden" }, { "ja": "下ほど広く描く。深い層ほど多くの出来事を説明するので、狭く描くと「例外的な事情」に見えてしまう", "en": "Draw the deeper layers wider. A deeper layer explains more events, and drawing it narrow makes it look like a special case" }, { "ja": "層は 4 つまで。5 つ目からは帯が細って問いが入らず、問いの入らない層は名前だけの層に戻る", "en": "Four layers at most. From the fifth the bands are too thin to hold their question, and a layer without its question is back to being only a name" } ], "cover": "https://design-vault.pages.dev/_astro/cover.no2jpJ4o.png", "assets": [], "shortlist": false, "status": "published", "relations": { "similar": [ "concentric-scope-rings", "maturity-staircase-now-target" ] }, "license": "Original", "publishedAt": null, "reproduction": { "spec": { "format": "slide-16x9", "density": "medium", "layout": { "kind": "nested", "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 }, "side": { "size": 20, "weight": 500, "leading": 1.4 }, "layerName": { "size": 28, "weight": 700, "leading": 1.3 }, "layerQuestion": { "size": 22, "weight": 400, "leading": 1.5 }, "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": [ "Do not colour the layers differently. They are not four categories but a nesting in which each deeper layer contains the one above; different hues make them read as four kinds of cause", "Give every layer the question it answers. Layers with only names cannot tell you how deep the analysis actually went, so stopping early passes as digging", "Draw exactly one waterline. With more than one boundary between seen and unseen, the figure can no longer say what is hidden", "Draw the deeper layers wider. A deeper layer explains more events, and drawing it narrow makes it look like a special case", "Four layers at most. From the fifth the bands are too thin to hold their question, and a layer without its question is back to being only a name" ] }, "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\nside 20px / 500 / 行送り 1.4\nlayerName 28px / 700 / 行送り 1.3\nlayerQuestion 22px / 400 / 行送り 1.5\nconclusion 26px / 500 / 行送り 1.6\nnote 16px / 400 / 行送り 1.6\n\n## 配色\n地 #FFFFFF / 面 #F4F6F9 / 文字 #131820 / 補助 #667183 / 強調 #1F5FA8 / 罫 #DBE1E9\n\n## 外すと崩れる点\n- 層ごとに色を変えない。4 つは並列の区分ではなく、下ほど広く上を含む入れ子で、色を変えると 4 種類の原因に見える\n- 層ごとに「そこで答える問い」を置く。名前だけの層は、どこまで掘ったかを判定できず、掘ったふりが通る\n- 水面は 1 本だけ引く。見えている／見えていないの境目が 2 つ以上あると、何が隠れているのかを言えなくなる\n- 下ほど広く描く。深い層ほど多くの出来事を説明するので、狭く描くと「例外的な事情」に見えてしまう\n- 層は 4 つまで。5 つ目からは帯が細って問いが入らず、問いの入らない層は名前だけの層に戻る\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/iceberg-visible-hidden/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\nside 20px / 500 / leading 1.4\nlayerName 28px / 700 / leading 1.3\nlayerQuestion 22px / 400 / leading 1.5\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- Do not colour the layers differently. They are not four categories but a nesting in which each deeper layer contains the one above; different hues make them read as four kinds of cause\n- Give every layer the question it answers. Layers with only names cannot tell you how deep the analysis actually went, so stopping early passes as digging\n- Draw exactly one waterline. With more than one boundary between seen and unseen, the figure can no longer say what is hidden\n- Draw the deeper layers wider. A deeper layer explains more events, and drawing it narrow makes it look like a special case\n- Four layers at most. From the fifth the bands are too thin to hold their question, and a layer without its question is back to being only a name\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/iceberg-visible-hidden/pattern.html." }, "code": { "html": "\n\n見えている事象と、その下の 3 層 — 手を入れる場所は下にしかない\n\n\n\n\n
\n
\n
\n

見えている事象と、その下の 3 層 — 手を入れる場所は下にしかない

\n

対象は 9 月の障害 3 件 / 層の名前は運用基準 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

出来事だけを直すと、同じ出来事がまた起きる。手を入れられる場所は下の 2 層にしかない

\n
\n\n
層の名前は組織によって違う。ここでは出来事・パターン・仕組み・前提の 4 層で数える。
\n
\n
\n", "url": "https://design-vault.pages.dev/designs/iceberg-visible-hidden/pattern.html", "fonts": [ "https://design-vault.pages.dev/designs/iceberg-visible-hidden/font.css", "https://design-vault.pages.dev/designs/iceberg-visible-hidden/font-0.woff2", "https://design-vault.pages.dev/designs/iceberg-visible-hidden/font-1.woff2", "https://design-vault.pages.dev/designs/iceberg-visible-hidden/font-2.woff2" ] } }, "urls": { "ja": "https://design-vault.pages.dev/designs/iceberg-visible-hidden", "en": "https://design-vault.pages.dev/en/designs/iceberg-visible-hidden" }, "notesMarkdown": "氷山の図が形骸化するのは、層に名前しか書かれていないときである。「仕組み」と\n書かれた帯を指して「ここまで掘りました」と言うことは誰にでもできる。層ごとに\n**そこで答える問い**を置くと、掘ったかどうかは答えの有無で決まる。\n\n水面を 1 本しか引かないのも同じ理由である。境目が増えるほど「見えていない」の\n意味が薄まり、最後には濃淡の飾りになる。" }