{
  "id": "results-table-significance",
  "schemaVersion": 2,
  "title": {
    "ja": "結果の表 — 平均 ± 標準偏差と p 値、有意な行だけ太字",
    "en": "Results Table — Mean ± SD and p, Significant Rows in Bold"
  },
  "summary": {
    "ja": "2 群の平均 ± 標準偏差・差と 95% 信頼区間・p 値を並べた表。罫は上・見出しの下・下の 3 本だけで、有意な行を太字にする",
    "en": "Two groups' mean ± SD, the difference with its 95% CI and p, ruled only at top, under the header and at the bottom, with significant rows in bold"
  },
  "capturedAt": "2026-10-19",
  "categories": [
    "presentation"
  ],
  "tags": [
    "minimal",
    "typography"
  ],
  "useCases": [
    "comparison"
  ],
  "format": "slide-16x9",
  "density": "high",
  "layout": {
    "kind": "table",
    "canvas": {
      "w": 1920,
      "h": 1080
    },
    "margin": {
      "top": 88,
      "right": 140,
      "bottom": 56,
      "left": 140
    }
  },
  "type": {
    "kicker": {
      "size": 22,
      "weight": 500,
      "tracking": "0.12em",
      "numeric": "tabular"
    },
    "title": {
      "size": 50,
      "weight": 700,
      "leading": 1.4,
      "numeric": "tabular"
    },
    "tableCaption": {
      "size": 26,
      "weight": 400,
      "numeric": "tabular"
    },
    "colHead": {
      "size": 22,
      "weight": 500,
      "numeric": "tabular"
    },
    "item": {
      "size": 26,
      "weight": 700,
      "numeric": "tabular"
    },
    "value": {
      "size": 26,
      "weight": 700,
      "numeric": "tabular"
    },
    "diff": {
      "size": 26,
      "weight": 700,
      "numeric": "tabular"
    },
    "p": {
      "size": 26,
      "weight": 700,
      "numeric": "tabular"
    },
    "note": {
      "size": 20,
      "weight": 400,
      "leading": 1.7,
      "numeric": "tabular"
    },
    "folio": {
      "size": 16,
      "weight": 400,
      "numeric": "tabular"
    }
  },
  "colors": {
    "ground": "#FBFAF6",
    "surface": "#F1EFE8",
    "ink": "#1E1E1C",
    "muted": "#6B6A64",
    "accent": "#8A2B1E",
    "rule": "#DCD8CC",
    "series": []
  },
  "rules": [
    {
      "ja": "罫は 3 本（上・見出しの下・下）。縦の罫は引かない",
      "en": "Three rules — top, under the header, bottom — and no vertical rules"
    },
    {
      "ja": "有意な行は太字にし、基準（p < .05）を表の下に書く",
      "en": "Bold the significant rows and state the threshold (p < .05) under the table"
    },
    {
      "ja": "差には向き（どちらからどちらを引いたか）と信頼区間を添える",
      "en": "Give the difference its direction and confidence interval"
    },
    {
      "ja": "表番号と、各群の人数を表の上の題に入れる",
      "en": "Put the table number and each group's n in the title above"
    }
  ],
  "cover": "https://design-vault.pages.dev/_astro/cover.C2WPVbn2.png",
  "assets": [],
  "shortlist": false,
  "status": "published",
  "relations": {
    "similar": [
      "comparison-table-single-fill",
      "pl-summary-yoy-table",
      "requirements-response-table"
    ]
  },
  "license": "Original",
  "publishedAt": null,
  "reproduction": {
    "spec": {
      "format": "slide-16x9",
      "density": "high",
      "layout": {
        "kind": "table",
        "canvas": {
          "w": 1920,
          "h": 1080
        },
        "margin": {
          "top": 88,
          "right": 140,
          "bottom": 56,
          "left": 140
        }
      },
      "type": {
        "kicker": {
          "size": 22,
          "weight": 500,
          "tracking": "0.12em",
          "numeric": "tabular"
        },
        "title": {
          "size": 50,
          "weight": 700,
          "leading": 1.4,
          "numeric": "tabular"
        },
        "tableCaption": {
          "size": 26,
          "weight": 400,
          "numeric": "tabular"
        },
        "colHead": {
          "size": 22,
          "weight": 500,
          "numeric": "tabular"
        },
        "item": {
          "size": 26,
          "weight": 700,
          "numeric": "tabular"
        },
        "value": {
          "size": 26,
          "weight": 700,
          "numeric": "tabular"
        },
        "diff": {
          "size": 26,
          "weight": 700,
          "numeric": "tabular"
        },
        "p": {
          "size": 26,
          "weight": 700,
          "numeric": "tabular"
        },
        "note": {
          "size": 20,
          "weight": 400,
          "leading": 1.7,
          "numeric": "tabular"
        },
        "folio": {
          "size": 16,
          "weight": 400,
          "numeric": "tabular"
        }
      },
      "colors": {
        "ground": "#FBFAF6",
        "surface": "#F1EFE8",
        "ink": "#1E1E1C",
        "muted": "#6B6A64",
        "accent": "#8A2B1E",
        "rule": "#DCD8CC"
      },
      "rules": [
        "Three rules — top, under the header, bottom — and no vertical rules",
        "Bold the significant rows and state the threshold (p < .05) under the table",
        "Give the difference its direction and confidence interval",
        "Put the table number and each group's n in the title above"
      ]
    },
    "prompt": {
      "ja": "以下の仕様でスライドを 1 枚作ってください。\n\n- 版面 1920 × 1080\n- 余白 上 88 右 140 下 56 左 140\n\n## 文字（版面 1920px に対する px）\nkicker  22px / 500 / 字間 0.12em / 等幅数字\ntitle  50px / 700 / 行送り 1.4 / 等幅数字\ntableCaption  26px / 400 / 等幅数字\ncolHead  22px / 500 / 等幅数字\nitem  26px / 700 / 等幅数字\nvalue  26px / 700 / 等幅数字\ndiff  26px / 700 / 等幅数字\np  26px / 700 / 等幅数字\nnote  20px / 400 / 行送り 1.7 / 等幅数字\nfolio  16px / 400 / 等幅数字\n\n## 配色\n地 #FBFAF6 / 面 #F1EFE8 / 文字 #1E1E1C / 補助 #6B6A64 / 強調 #8A2B1E / 罫 #DCD8CC\n\n## 外すと崩れる点\n- 罫は 3 本（上・見出しの下・下）。縦の罫は引かない\n- 有意な行は太字にし、基準（p < .05）を表の下に書く\n- 差には向き（どちらからどちらを引いたか）と信頼区間を添える\n- 表番号と、各群の人数を表の上の題に入れる\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/results-table-significance/pattern.html",
      "en": "Produce one slide to the following specification.\n\n- Canvas 1920 × 1080\n- Margin top 88 right 140 bottom 56 left 140\n\n## Type (px against a 1920px canvas)\nkicker  22px / 500 / tracking 0.12em / tabular numerals\ntitle  50px / 700 / leading 1.4 / tabular numerals\ntableCaption  26px / 400 / tabular numerals\ncolHead  22px / 500 / tabular numerals\nitem  26px / 700 / tabular numerals\nvalue  26px / 700 / tabular numerals\ndiff  26px / 700 / tabular numerals\np  26px / 700 / tabular numerals\nnote  20px / 400 / leading 1.7 / tabular numerals\nfolio  16px / 400 / tabular numerals\n\n## Colour\nGround #FBFAF6 / Surface #F1EFE8 / Ink #1E1E1C / Muted #6B6A64 / Accent #8A2B1E / Rule #DCD8CC\n\n## Constraints — dropping these breaks it\n- Three rules — top, under the header, bottom — and no vertical rules\n- Bold the significant rows and state the threshold (p < .05) under the table\n- Give the difference its direction and confidence interval\n- Put the table number and each group's n in the title above\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/results-table-significance/pattern.html."
    },
    "code": {
      "html": "<!doctype html>\n<meta charset=\"utf-8\">\n<title>結果の表 — 平均 ± 標準偏差と p 値、有意な行だけ太字</title>\n<meta name=\"dv-font\" content=\"Zen Old Mincho:700\">\n<meta name=\"dv-font\" content=\"Zen Kaku Gothic New:400;500;700\">\n<link rel=\"stylesheet\" href=\"./font.css\">\n<style>\n  /* この版そのもの。index.md の layout / type / colors は、この HTML を\n     scripts/render-pattern.mjs で実測した結果であって、別に書いた説明ではない。\n     研究・著者・所属・数値・文献はすべて説明用の架空のもの。 */\n  :root {\n    --ground: #FBFAF6;\n    --surface: #F1EFE8;\n    --ink: #1E1E1C;\n    --muted: #6B6A64;\n    --accent: #8A2B1E;\n    --rule: #DCD8CC;\n  }\n  * { box-sizing: border-box; margin: 0; }\n  html, body { width: 1920px; height: 1080px; }\n  body { font-family: \"Zen Kaku Gothic New\", \"IPAGothic\", sans-serif; font-variant-numeric: tabular-nums; }\n  /* 明朝は見出しにだけ使う。本文まで明朝にすると、投影したとき細い線が飛ぶ */\n  .mincho, .title { font-family: \"Zen Old Mincho\", \"IPAMincho\", serif; }\n\n  .artboard {\n    width: 1920px; height: 1080px;\n    background: var(--ground); color: var(--ink);\n    padding: 88px 140px 56px;             /* → layout.margin */\n  }\n  .content { height: 100%; display: grid; grid-template-rows: auto 1fr auto; row-gap: 40px; }\n\n  .kicker { font-size: 22px; font-weight: 500; letter-spacing: .12em; color: var(--accent); }\n  .title { font-size: 50px; font-weight: 700; line-height: 1.4; margin-top: 10px; }\n  .folio { display: flex; justify-content: space-between; font-size: 16px; color: var(--muted); border-top: 1px solid var(--rule); padding-top: 16px; }\n\n  .wrap { align-self: center; }\n  .cap { font-size: 26px; margin-bottom: 18px; }\n  .cap b { font-family: \"Zen Old Mincho\", \"IPAMincho\", serif; font-weight: 700; margin-right: 16px; }\n  table { width: 100%; border-collapse: collapse; }\n  /* 罫は上・見出しの下・下の 3 本だけ。縦の罫は引かない */\n  thead tr { border-top: 3px solid var(--ink); border-bottom: 1.5px solid var(--ink); }\n  tbody tr:last-child { border-bottom: 3px solid var(--ink); }\n  thead th { font-size: 22px; font-weight: 500; color: var(--muted); text-align: right; padding: 16px 20px; }\n  thead th:first-child { text-align: left; padding-left: 0; }\n  tbody th { font-size: 26px; font-weight: 400; text-align: left; padding: 22px 0; }\n  tbody td { font-size: 26px; text-align: right; padding: 22px 20px; }\n  tbody tr.sig th, tbody tr.sig td { font-weight: 700; }\n  .note { font-size: 20px; color: var(--muted); line-height: 1.7; margin-top: 16px; }\n\n</style>\n\n<div class=\"artboard\" data-artboard>\n  <div class=\"content\" data-content>\n    <div>\n      <p class=\"kicker\" data-type=\"kicker\">結果</p>\n      <h1 class=\"title\" data-type=\"title\">中断は 3 割減り、急ぎの返信は 17 分遅れた</h1>\n    </div>\n    <div class=\"wrap\">\n      <p class=\"cap\" data-type=\"tableCaption\"><b>表 1</b>主な結果（束ね配信 71 名、即時配信 69 名）</p>\n      <table>\n        <thead><tr><th data-type=\"colHead\">指標</th><th>束ね配信</th><th>即時配信</th><th>差 [95% 信頼区間]</th><th>p</th></tr></thead>\n        <tbody>\n          <tr class=\"sig\"><th data-type=\"item\">中断の回数（回／日）</th><td data-type=\"value\">18.4 ± 5.1</td><td>27.9 ± 6.3</td><td data-type=\"diff\">−9.5 [−11.4, −7.6]</td><td data-type=\"p\">&lt; .001</td></tr>\n          <tr class=\"sig\"><th>続けて作業できた最長時間（分）</th><td>52.3 ± 14.8</td><td>38.6 ± 12.2</td><td>+13.7 [9.2, 18.2]</td><td>&lt; .001</td></tr>\n          <tr class=\"\"><th>作業の負担（NASA-TLX, 0–100）</th><td>46.2 ± 11.9</td><td>49.8 ± 12.4</td><td>−3.6 [−7.6, 0.4]</td><td>.082</td></tr>\n          <tr class=\"sig\"><th>急ぎの連絡への返信（分）</th><td>24.1 ± 9.7</td><td>6.8 ± 4.2</td><td>+17.3 [14.8, 19.8]</td><td>&lt; .001</td></tr>\n          <tr class=\"\"><th>見逃した急ぎの連絡（件／10 日）</th><td>0.6 ± 0.9</td><td>0.4 ± 0.7</td><td>+0.2 [−0.1, 0.5]</td><td>.14</td></tr>\n        </tbody>\n      </table>\n      <p class=\"note\" data-type=\"note\">平均 ± 標準偏差。差は束ね配信から即時配信を引いた値。太字は p &lt; .05。数値は説明用の架空のもの</p>\n    </div>\n    <div class=\"folio\">\n      <p data-type=\"folio\">山野ほか　通知の束ね配信と作業の中断</p>\n      <p>04</p>\n    </div>\n  </div>\n</div>\n",
      "url": "https://design-vault.pages.dev/designs/results-table-significance/pattern.html",
      "fonts": [
        "https://design-vault.pages.dev/designs/results-table-significance/font.css",
        "https://design-vault.pages.dev/designs/results-table-significance/font-0.woff2",
        "https://design-vault.pages.dev/designs/results-table-significance/font-1.woff2",
        "https://design-vault.pages.dev/designs/results-table-significance/font-2.woff2",
        "https://design-vault.pages.dev/designs/results-table-significance/font-3.woff2"
      ]
    }
  },
  "urls": {
    "ja": "https://design-vault.pages.dev/designs/results-table-significance",
    "en": "https://design-vault.pages.dev/en/designs/results-table-significance"
  },
  "notesMarkdown": "## この構成について / About this pattern\n\n出典を持たない自作パターン。**`pattern.html` が版そのもの**で、`cover.png` と frontmatter の\n`layout` / `type` / `colors` はどちらもそこから機械的に測った結果。一式「研究・技術発表」の\n1 枚で、架空の研究「通知の束ね配信と作業の中断」の発表として描いてある。研究・著者・所属・数値・文献はすべて架空。\n\nA self-authored pattern. `pattern.html` is the artboard itself; both `cover.png` and the\nmeasurements in the frontmatter are derived from it. One of the nine research-talk pieces, drawn as the\ntalk for a fictional study; the study, authors, affiliations, figures and references are all invented.\n\n### Techniques\n\n- 表番号は明朝の太字、題はゴシック\n- 数字は右揃えの等幅数字\n- 不利な結果（返信の遅れ）も有意なら太字にし、隠さない\n\n### Apply to\n\n- 研究発表の結果の表\n- A/B テストの結果報告"
}