{
  "id": "statement-one-sentence",
  "schemaVersion": 2,
  "title": {
    "ja": "主張 1 枚 — 1 文だけを置く",
    "en": "Statement — One Sentence, Nothing Else"
  },
  "summary": {
    "ja": "立場を 1 文で言い切る 1 枚。読点の位置で改行し、声に出す区切りと行を揃える",
    "en": "A single-sentence claim, broken at its commas so the lines match the spoken pauses"
  },
  "capturedAt": "2026-09-15",
  "categories": [
    "presentation"
  ],
  "tags": [
    "minimal",
    "typography",
    "bold"
  ],
  "useCases": [
    "summary"
  ],
  "format": "slide-16x9",
  "density": "low",
  "layout": {
    "kind": "centered",
    "canvas": {
      "w": 1920,
      "h": 1080
    },
    "margin": {
      "top": 140,
      "right": 200,
      "bottom": 140,
      "left": 200
    }
  },
  "type": {
    "kicker": {
      "size": 17,
      "weight": 500,
      "tracking": "0.2em",
      "transform": "upper"
    },
    "statement": {
      "size": 78,
      "weight": 700,
      "tracking": "0.02em",
      "leading": 1.55
    },
    "tag": {
      "size": 15,
      "weight": 500,
      "tracking": "0.12em"
    },
    "support": {
      "size": 20,
      "weight": 400,
      "leading": 1.85
    }
  },
  "colors": {
    "ground": "#F7F5F0",
    "surface": "#FFFFFF",
    "ink": "#17150F",
    "muted": "#726C5E",
    "accent": "#1F5E45",
    "rule": "#DCD6C9",
    "series": []
  },
  "rules": [
    {
      "ja": "折り返しを組版に任せない。意味の切れ目で改行する",
      "en": "Never let the text wrap itself — break at the meaning, not at the measure"
    },
    {
      "ja": "強調は 1 文の中の 1 句だけ。2 句強調すると、どちらも強調でなくなる",
      "en": "Emphasize one clause in the sentence — two makes neither emphatic"
    },
    {
      "ja": "根拠は下端に小さく置く。主張と同じ級数にすると 2 文の資料になる",
      "en": "Keep the evidence small at the foot — at the same size it becomes a two-sentence page"
    }
  ],
  "cover": "https://design-vault.pages.dev/_astro/cover.CnUdWU1H.png",
  "assets": [],
  "shortlist": false,
  "status": "published",
  "relations": {
    "similar": [
      "section-divider-number-bleed",
      "title-slide-rule-under-subject",
      "next-action-owner-date"
    ]
  },
  "license": "Original",
  "publishedAt": null,
  "reproduction": {
    "spec": {
      "format": "slide-16x9",
      "density": "low",
      "layout": {
        "kind": "centered",
        "canvas": {
          "w": 1920,
          "h": 1080
        },
        "margin": {
          "top": 140,
          "right": 200,
          "bottom": 140,
          "left": 200
        }
      },
      "type": {
        "kicker": {
          "size": 17,
          "weight": 500,
          "tracking": "0.2em",
          "transform": "upper"
        },
        "statement": {
          "size": 78,
          "weight": 700,
          "tracking": "0.02em",
          "leading": 1.55
        },
        "tag": {
          "size": 15,
          "weight": 500,
          "tracking": "0.12em"
        },
        "support": {
          "size": 20,
          "weight": 400,
          "leading": 1.85
        }
      },
      "colors": {
        "ground": "#F7F5F0",
        "surface": "#FFFFFF",
        "ink": "#17150F",
        "muted": "#726C5E",
        "accent": "#1F5E45",
        "rule": "#DCD6C9"
      },
      "rules": [
        "Never let the text wrap itself — break at the meaning, not at the measure",
        "Emphasize one clause in the sentence — two makes neither emphatic",
        "Keep the evidence small at the foot — at the same size it becomes a two-sentence page"
      ]
    },
    "prompt": {
      "ja": "以下の仕様でスライドを 1 枚作ってください。\n\n- 版面 1920 × 1080\n- 余白 上 140 右 200 下 140 左 200\n\n## 文字（版面 1920px に対する px）\nkicker  17px / 500 / 字間 0.2em / 大文字\nstatement  78px / 700 / 字間 0.02em / 行送り 1.55\ntag  15px / 500 / 字間 0.12em\nsupport  20px / 400 / 行送り 1.85\n\n## 配色\n地 #F7F5F0 / 面 #FFFFFF / 文字 #17150F / 補助 #726C5E / 強調 #1F5E45 / 罫 #DCD6C9\n\n## 外すと崩れる点\n- 折り返しを組版に任せない。意味の切れ目で改行する\n- 強調は 1 文の中の 1 句だけ。2 句強調すると、どちらも強調でなくなる\n- 根拠は下端に小さく置く。主張と同じ級数にすると 2 文の資料になる\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/statement-one-sentence/pattern.html",
      "en": "Produce one slide to the following specification.\n\n- Canvas 1920 × 1080\n- Margin top 140 right 200 bottom 140 left 200\n\n## Type (px against a 1920px canvas)\nkicker  17px / 500 / tracking 0.2em / uppercase\nstatement  78px / 700 / tracking 0.02em / leading 1.55\ntag  15px / 500 / tracking 0.12em\nsupport  20px / 400 / leading 1.85\n\n## Colour\nGround #F7F5F0 / Surface #FFFFFF / Ink #17150F / Muted #726C5E / Accent #1F5E45 / Rule #DCD6C9\n\n## Constraints — dropping these breaks it\n- Never let the text wrap itself — break at the meaning, not at the measure\n- Emphasize one clause in the sentence — two makes neither emphatic\n- Keep the evidence small at the foot — at the same size it becomes a two-sentence page\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/statement-one-sentence/pattern.html."
    },
    "code": {
      "html": "<!doctype html>\n<meta charset=\"utf-8\">\n<title>主張 1 枚 — 1 文だけを置く</title>\n<meta name=\"dv-font\" content=\"Zen Kaku Gothic New:400;500;700\">\n<link rel=\"stylesheet\" href=\"./font.css\">\n<style>\n  :root {\n    --ground: #F7F5F0;\n    --surface: #FFFFFF;\n    --ink: #17150F;\n    --muted: #726C5E;\n    --accent: #1F5E45;\n    --rule: #DCD6C9;\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; }\n\n  .artboard {\n    width: 1920px; height: 1080px;\n    background: var(--ground); color: var(--ink);\n    padding: 140px 200px;\n  }\n  .content { height: 100%; display: grid; grid-template-rows: auto 1fr auto; }\n\n  .kicker { font-size: 17px; font-weight: 500; letter-spacing: .2em; color: var(--muted); text-transform: uppercase; }\n  /* 1 文しか置かないので、読点の位置で改行する。折り返しを組版に任せると\n     意味の切れ目と行の切れ目がずれ、声に出したときの区切りと合わなくなる。 */\n  .statement {\n    align-self: center;\n    font-size: 78px; font-weight: 700; line-height: 1.55; letter-spacing: .02em;\n    text-indent: -.5em;\n  }\n  .statement b { font-weight: 700; color: var(--accent); }\n\n  .foot { display: grid; grid-template-columns: 200px 1fr; gap: 48px; align-items: start;\n          border-top: 1px solid var(--rule); padding-top: 32px; }\n  .tag { font-size: 15px; font-weight: 500; letter-spacing: .12em; color: var(--muted); }\n  .support { font-size: 20px; font-weight: 400; line-height: 1.85; color: var(--muted); max-width: 1120px; }\n</style>\n\n<div class=\"artboard\" data-artboard>\n  <div class=\"content\" data-content>\n    <p class=\"kicker\" data-type=\"kicker\">OUR POSITION</p>\n\n    <h1 class=\"statement\" data-type=\"statement\">「止めない移行」は手段ではなく、<br><b>この案件でいちばん高くつく制約</b>です。</h1>\n\n    <div class=\"foot\">\n      <p class=\"tag\" data-type=\"tag\">根拠</p>\n      <p class=\"support\" data-type=\"support\">月次締めと出荷指示の 2 業務が 1 日止まると、実測で 3,400 万円相当の機会損失になります。移行の総額はこの 1 日分を下回りません —— つまり「止めない」ための追加費用は、止めた場合の損失より安く収まります。</p>\n    </div>\n  </div>\n</div>\n",
      "url": "https://design-vault.pages.dev/designs/statement-one-sentence/pattern.html",
      "fonts": [
        "https://design-vault.pages.dev/designs/statement-one-sentence/font.css",
        "https://design-vault.pages.dev/designs/statement-one-sentence/font-0.woff2",
        "https://design-vault.pages.dev/designs/statement-one-sentence/font-1.woff2",
        "https://design-vault.pages.dev/designs/statement-one-sentence/font-2.woff2"
      ]
    }
  },
  "urls": {
    "ja": "https://design-vault.pages.dev/designs/statement-one-sentence",
    "en": "https://design-vault.pages.dev/en/designs/statement-one-sentence"
  },
  "notesMarkdown": "## この構成について / About this pattern\n\n出典を持たない自作パターン。**`pattern.html` が版そのもの**で、`cover.png` と frontmatter の\n`layout` / `type` / `colors` はどちらもそこから機械的に測った結果。編集するのは `pattern.html`\nだけで、寸法を手で書き直すことはない。\n\nA self-authored pattern. `pattern.html` is the artboard itself; both `cover.png` and the\nmeasurements in the frontmatter are derived from it, so the three cannot drift apart.\nEdit the artboard, never the numbers.\n\n### Techniques\n\n- 鉤括弧で始まる行は text-indent を -.5em にして、括弧の空きを版面の左端に揃える\n- 主張は 78px / 行送り 1.55。長い 1 文でも 2 行に収める\n- 根拠には必ず数値を 1 つ入れる。数値の無い根拠は主張の言い換えになる\n\n### Apply to\n\n- 議論の前に立場を示す 1 枚\n- 提案の核心を 1 文で置く締めのページ"
}