{
"id": "waffle-one-in-hundred",
"schemaVersion": 2,
"title": {
"ja": "不具合の再発率 — 100 件に 7 件",
"en": "Recurrence Rate — Seven in a Hundred"
},
"summary": {
"ja": "100 マスのワッフル。割合を面積ではなく数えられる粒で示し、「7%」が何個ぶんなのかを目で数えられるようにする",
"en": "A hundred cells. The share is shown as countable units rather than an area, so 7% can be counted rather than estimated"
},
"capturedAt": "2026-09-16",
"categories": [
"presentation"
],
"tags": [
"data-viz",
"minimal"
],
"useCases": [
"kpi"
],
"format": "slide-16x9",
"density": "low",
"layout": {
"kind": "area",
"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
},
"rate": {
"size": 140,
"weight": 700,
"tracking": "-0.02em",
"leading": 1,
"numeric": "tabular"
},
"rateNote": {
"size": 28,
"weight": 500,
"leading": 1.4
},
"detail": {
"size": 24,
"weight": 400,
"leading": 1.7
},
"note": {
"size": 16,
"weight": 400,
"leading": 1.6
}
},
"colors": {
"ground": "#FFFFFF",
"surface": "#F4F6F9",
"ink": "#131820",
"muted": "#667183",
"accent": "#1F5FA8",
"rule": "#DBE1E9",
"series": []
},
"rules": [
{
"ja": "マスはちょうど 100 個。50 個や 200 個にすると 1 マスが 1% でなくなり、数えるという読み方そのものが成立しなくなる",
"en": "Exactly one hundred cells. At fifty or two hundred a cell is no longer one percent, and counting — the whole reason for this form — stops working"
},
{
"ja": "色は 2 値だけ。3 つ目の色を足した瞬間、読み手は数えるのをやめて面積を見比べ始める",
"en": "Two states only. Add a third colour and the reader stops counting and starts comparing areas"
},
{
"ja": "塗るマスは端から続ける。散らすと「ばらつき」という別の意味が生まれるが、この図が言っているのは個数だけである",
"en": "Fill from one corner, contiguously. Scattered cells assert randomness, and this figure is only making a claim about how many"
},
{
"ja": "率の隣に実数を置く。7% は 860 件に対する数で、母数が変われば同じ 7% がまったく違う重さを持つ",
"en": "Put the count beside the rate. Seven percent is seven percent of something, and the same rate carries a different weight when the base changes"
},
{
"ja": "率が下がったことだけを言わない。この版では 1 件あたりの重さが増えており、率の改善と負担の増加は同時に起きうる",
"en": "Do not report the falling rate alone. Here the cost per incident rose; a rate can improve while the burden grows"
}
],
"cover": "https://design-vault.pages.dev/_astro/cover.D332kCmX.png",
"assets": [],
"shortlist": false,
"status": "published",
"relations": {
"similar": [
"donut-share-center-total"
]
},
"license": "Original",
"publishedAt": null,
"reproduction": {
"spec": {
"format": "slide-16x9",
"density": "low",
"layout": {
"kind": "area",
"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
},
"rate": {
"size": 140,
"weight": 700,
"tracking": "-0.02em",
"leading": 1,
"numeric": "tabular"
},
"rateNote": {
"size": 28,
"weight": 500,
"leading": 1.4
},
"detail": {
"size": 24,
"weight": 400,
"leading": 1.7
},
"note": {
"size": 16,
"weight": 400,
"leading": 1.6
}
},
"colors": {
"ground": "#FFFFFF",
"surface": "#F4F6F9",
"ink": "#131820",
"muted": "#667183",
"accent": "#1F5FA8",
"rule": "#DBE1E9"
},
"rules": [
"Exactly one hundred cells. At fifty or two hundred a cell is no longer one percent, and counting — the whole reason for this form — stops working",
"Two states only. Add a third colour and the reader stops counting and starts comparing areas",
"Fill from one corner, contiguously. Scattered cells assert randomness, and this figure is only making a claim about how many",
"Put the count beside the rate. Seven percent is seven percent of something, and the same rate carries a different weight when the base changes",
"Do not report the falling rate alone. Here the cost per incident rose; a rate can improve while the burden grows"
]
},
"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\nrate 140px / 700 / 字間 -0.02em / 行送り 1 / 等幅数字\nrateNote 28px / 500 / 行送り 1.4\ndetail 24px / 400 / 行送り 1.7\nnote 16px / 400 / 行送り 1.6\n\n## 配色\n地 #FFFFFF / 面 #F4F6F9 / 文字 #131820 / 補助 #667183 / 強調 #1F5FA8 / 罫 #DBE1E9\n\n## 外すと崩れる点\n- マスはちょうど 100 個。50 個や 200 個にすると 1 マスが 1% でなくなり、数えるという読み方そのものが成立しなくなる\n- 色は 2 値だけ。3 つ目の色を足した瞬間、読み手は数えるのをやめて面積を見比べ始める\n- 塗るマスは端から続ける。散らすと「ばらつき」という別の意味が生まれるが、この図が言っているのは個数だけである\n- 率の隣に実数を置く。7% は 860 件に対する数で、母数が変われば同じ 7% がまったく違う重さを持つ\n- 率が下がったことだけを言わない。この版では 1 件あたりの重さが増えており、率の改善と負担の増加は同時に起きうる\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/waffle-one-in-hundred/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\nrate 140px / 700 / tracking -0.02em / leading 1 / tabular numerals\nrateNote 28px / 500 / leading 1.4\ndetail 24px / 400 / leading 1.7\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- Exactly one hundred cells. At fifty or two hundred a cell is no longer one percent, and counting — the whole reason for this form — stops working\n- Two states only. Add a third colour and the reader stops counting and starts comparing areas\n- Fill from one corner, contiguously. Scattered cells assert randomness, and this figure is only making a claim about how many\n- Put the count beside the rate. Seven percent is seven percent of something, and the same rate carries a different weight when the base changes\n- Do not report the falling rate alone. Here the cost per incident rose; a rate can improve while the burden grows\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/waffle-one-in-hundred/pattern.html."
},
"code": {
"html": "\n\n不具合の再発率 — 100 件に 7 件\n\n\n\n\n