{ "id": "concentric-scope-rings", "schemaVersion": 2, "title": { "ja": "今回の範囲 — 広い順に 3 つ、着手するのは中心だけ", "en": "This Round's Scope — Three Rings Wide to Narrow, Only the Centre Starts" }, "summary": { "ja": "同心円で範囲の入れ子を示す。外側ほど薄い 1 色の濃度で、3 つが別々の区分ではなく同じものの絞り込みであることを言う", "en": "Nested scope as concentric rings. One hue at three strengths, because the rings are not three categories but one thing narrowed twice" }, "capturedAt": "2026-09-16", "categories": [ "presentation" ], "tags": [ "minimal", "typography" ], "useCases": [ "scope" ], "format": "slide-16x9", "density": "low", "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 }, "ringName": { "size": 28, "weight": 700, "leading": 1.3 }, "ringCount": { "size": 22, "weight": 500, "leading": 1.4 }, "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": "3 つの輪に別々の色を与えない。色が変わると別々の区分に見えるが、これは同じものを 2 回絞った結果で、外側は内側を含んでいる", "en": "Do not give the rings different hues. Different colours read as different categories; these are one thing narrowed twice, and each ring contains the next" }, { "ja": "外側ほど薄くする。濃さの順が「どこまで絞ったか」そのもので、逆にすると中心が背景に見える", "en": "Make the outer rings lighter. The order of strength is the narrowing itself; reverse it and the centre reads as background" }, { "ja": "どの輪にも数を置く。数の無い同心円は、範囲が絞られたのか、ただ図が 3 重なのかを言っていない", "en": "Put a number in every ring. Without them, concentric circles do not say whether the scope narrowed or the drawing merely has three layers" }, { "ja": "外側を「対象外」と書かない。含むが着手しないことと、範囲の外にあることは別で、前者を後者の言葉で書くと合意が壊れる", "en": "Never label the outer rings 'out of scope'. In scope but not yet started is a different statement from out of scope, and using the latter word breaks the agreement" }, { "ja": "輪は 3 つまで。4 つ目からは帯が細って、文字が入る幅が無くなる", "en": "Three rings at most. From the fourth the bands are too thin to hold their own labels" } ], "cover": "https://design-vault.pages.dev/_astro/cover.8NDO20ie.png", "assets": [], "shortlist": false, "status": "published", "relations": { "similar": [ "venn-two-set-sweet-spot" ] }, "license": "Original", "publishedAt": null, "reproduction": { "spec": { "format": "slide-16x9", "density": "low", "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 }, "ringName": { "size": 28, "weight": 700, "leading": 1.3 }, "ringCount": { "size": 22, "weight": 500, "leading": 1.4 }, "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 give the rings different hues. Different colours read as different categories; these are one thing narrowed twice, and each ring contains the next", "Make the outer rings lighter. The order of strength is the narrowing itself; reverse it and the centre reads as background", "Put a number in every ring. Without them, concentric circles do not say whether the scope narrowed or the drawing merely has three layers", "Never label the outer rings 'out of scope'. In scope but not yet started is a different statement from out of scope, and using the latter word breaks the agreement", "Three rings at most. From the fourth the bands are too thin to hold their own labels" ] }, "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\nringName 28px / 700 / 行送り 1.3\nringCount 22px / 500 / 行送り 1.4\nconclusion 26px / 500 / 行送り 1.6\nnote 16px / 400 / 行送り 1.6\n\n## 配色\n地 #FFFFFF / 面 #F4F6F9 / 文字 #131820 / 補助 #667183 / 強調 #1F5FA8 / 罫 #DBE1E9\n\n## 外すと崩れる点\n- 3 つの輪に別々の色を与えない。色が変わると別々の区分に見えるが、これは同じものを 2 回絞った結果で、外側は内側を含んでいる\n- 外側ほど薄くする。濃さの順が「どこまで絞ったか」そのもので、逆にすると中心が背景に見える\n- どの輪にも数を置く。数の無い同心円は、範囲が絞られたのか、ただ図が 3 重なのかを言っていない\n- 外側を「対象外」と書かない。含むが着手しないことと、範囲の外にあることは別で、前者を後者の言葉で書くと合意が壊れる\n- 輪は 3 つまで。4 つ目からは帯が細って、文字が入る幅が無くなる\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/concentric-scope-rings/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\nringName 28px / 700 / leading 1.3\nringCount 22px / 500 / leading 1.4\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 give the rings different hues. Different colours read as different categories; these are one thing narrowed twice, and each ring contains the next\n- Make the outer rings lighter. The order of strength is the narrowing itself; reverse it and the centre reads as background\n- Put a number in every ring. Without them, concentric circles do not say whether the scope narrowed or the drawing merely has three layers\n- Never label the outer rings 'out of scope'. In scope but not yet started is a different statement from out of scope, and using the latter word breaks the agreement\n- Three rings at most. From the fourth the bands are too thin to hold their own labels\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/concentric-scope-rings/pattern.html." }, "code": { "html": "\n\n今回の範囲 — 広い順に 3 つ、着手するのは中心だけ\n\n\n\n\n
\n
\n
\n

今回の範囲 — 広い順に 3 つ、着手するのは中心だけ

\n

基幹システム刷新 / 2026 年度 / 範囲の合意は 4 月の運営会議

\n
\n\n
\n \n \n \n \n \n\n 全社の業務\n 18 部門・42 業務\n\n 刷新の対象\n 6 部門・11 業務\n\n 第 1 段階\n 2 部門・3 業務\n \n\n

外側の 2 つは範囲に含むが、今期は着手しない。順番であって、切り捨てではない

\n
\n\n
業務の数え方は業務一覧 v3 に従う。部門の統廃合があれば、同じ範囲でも数は動く。
\n
\n
\n", "url": "https://design-vault.pages.dev/designs/concentric-scope-rings/pattern.html", "fonts": [ "https://design-vault.pages.dev/designs/concentric-scope-rings/font.css", "https://design-vault.pages.dev/designs/concentric-scope-rings/font-0.woff2", "https://design-vault.pages.dev/designs/concentric-scope-rings/font-1.woff2", "https://design-vault.pages.dev/designs/concentric-scope-rings/font-2.woff2" ] } }, "urls": { "ja": "https://design-vault.pages.dev/designs/concentric-scope-rings", "en": "https://design-vault.pages.dev/en/designs/concentric-scope-rings" }, "notesMarkdown": "範囲の合意が崩れるのは、たいてい「含むが今はやらない」と「そもそも対象外」が\n同じ言葉で書かれたときである。同心円はその 2 つを描き分けられる数少ない形で、\n外側の輪は**含まれている**ことを図形として言い続ける。\n\n輪ごとに色を変えたくなるが、変えた瞬間に 3 つは並列の区分になる。入れ子であることを\n運んでいるのは輪の位置であって、色ではない。" }