{
  "id": "pitch-cover-value-line",
  "schemaVersion": 2,
  "title": {
    "ja": "ピッチの表紙 — 社名より、一文の価値提案を主役にする",
    "en": "Pitch Cover — The One-Line Value Proposition, Not the Company Name, Leads"
  },
  "summary": {
    "ja": "濃地に、誰の何をどう変えるかを 1 文で大きく置く。社名は上に小さく、調達の回と日付は下端の罫の下へ",
    "en": "On a dark ground, one large sentence says whose what changes how; the company name goes small on top, the round and date below a rule at the foot"
  },
  "capturedAt": "2026-10-19",
  "categories": [
    "presentation"
  ],
  "tags": [
    "bold",
    "typography"
  ],
  "useCases": [
    "cover"
  ],
  "format": "slide-16x9",
  "density": "low",
  "layout": {
    "kind": "centered",
    "canvas": {
      "w": 1920,
      "h": 1080
    },
    "margin": {
      "top": 112,
      "right": 160,
      "bottom": 96,
      "left": 160
    }
  },
  "type": {
    "company": {
      "size": 26,
      "weight": 700,
      "tracking": "0.08em"
    },
    "line": {
      "size": 108,
      "weight": 900,
      "tracking": "-0.01em",
      "leading": 1.22
    },
    "what": {
      "size": 30,
      "weight": 400,
      "leading": 1.6
    },
    "round": {
      "size": 24,
      "weight": 700,
      "tracking": "0.06em"
    },
    "date": {
      "size": 22,
      "weight": 400,
      "numeric": "tabular"
    }
  },
  "colors": {
    "ground": "#101318",
    "surface": "#1A1F27",
    "ink": "#F2F4F7",
    "muted": "#8B93A1",
    "accent": "#F5B83D",
    "rule": "#2A303A",
    "series": []
  },
  "rules": [
    {
      "ja": "表紙の主役は価値提案の 1 文。社名を主役にすると、まだ知られていない会社は何も伝えられない",
      "en": "The value line leads — an unknown company's name tells the room nothing"
    },
    {
      "ja": "1 文の中で、変化の大きさ（3 日 → 半日）だけを強調色にする",
      "en": "Only the size of the change (three days to half a day) takes the accent"
    },
    {
      "ja": "補足は 1 行、誰のための道具かを書く。機能の列挙は次の頁から",
      "en": "One supporting line on who it is for — the feature list starts on the next page"
    },
    {
      "ja": "調達の回と日付は下端の罫の下に小さく。表紙で金額は出さない",
      "en": "Round and date sit small below a rule at the foot; the amount is not on the cover"
    }
  ],
  "cover": "https://design-vault.pages.dev/_astro/cover.Bee4nXOT.png",
  "assets": [],
  "shortlist": false,
  "status": "published",
  "relations": {
    "similar": [
      "deck-cover-project-brief",
      "statement-one-sentence",
      "title-slide-rule-under-subject"
    ]
  },
  "license": "Original",
  "publishedAt": null,
  "reproduction": {
    "spec": {
      "format": "slide-16x9",
      "density": "low",
      "layout": {
        "kind": "centered",
        "canvas": {
          "w": 1920,
          "h": 1080
        },
        "margin": {
          "top": 112,
          "right": 160,
          "bottom": 96,
          "left": 160
        }
      },
      "type": {
        "company": {
          "size": 26,
          "weight": 700,
          "tracking": "0.08em"
        },
        "line": {
          "size": 108,
          "weight": 900,
          "tracking": "-0.01em",
          "leading": 1.22
        },
        "what": {
          "size": 30,
          "weight": 400,
          "leading": 1.6
        },
        "round": {
          "size": 24,
          "weight": 700,
          "tracking": "0.06em"
        },
        "date": {
          "size": 22,
          "weight": 400,
          "numeric": "tabular"
        }
      },
      "colors": {
        "ground": "#101318",
        "surface": "#1A1F27",
        "ink": "#F2F4F7",
        "muted": "#8B93A1",
        "accent": "#F5B83D",
        "rule": "#2A303A"
      },
      "rules": [
        "The value line leads — an unknown company's name tells the room nothing",
        "Only the size of the change (three days to half a day) takes the accent",
        "One supporting line on who it is for — the feature list starts on the next page",
        "Round and date sit small below a rule at the foot; the amount is not on the cover"
      ]
    },
    "prompt": {
      "ja": "以下の仕様でスライドを 1 枚作ってください。\n\n- 版面 1920 × 1080\n- 余白 上 112 右 160 下 96 左 160\n\n## 文字（版面 1920px に対する px）\ncompany  26px / 700 / 字間 0.08em\nline  108px / 900 / 字間 -0.01em / 行送り 1.22\nwhat  30px / 400 / 行送り 1.6\nround  24px / 700 / 字間 0.06em\ndate  22px / 400 / 等幅数字\n\n## 配色\n地 #101318 / 面 #1A1F27 / 文字 #F2F4F7 / 補助 #8B93A1 / 強調 #F5B83D / 罫 #2A303A\n\n## 外すと崩れる点\n- 表紙の主役は価値提案の 1 文。社名を主役にすると、まだ知られていない会社は何も伝えられない\n- 1 文の中で、変化の大きさ（3 日 → 半日）だけを強調色にする\n- 補足は 1 行、誰のための道具かを書く。機能の列挙は次の頁から\n- 調達の回と日付は下端の罫の下に小さく。表紙で金額は出さない\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/pitch-cover-value-line/pattern.html",
      "en": "Produce one slide to the following specification.\n\n- Canvas 1920 × 1080\n- Margin top 112 right 160 bottom 96 left 160\n\n## Type (px against a 1920px canvas)\ncompany  26px / 700 / tracking 0.08em\nline  108px / 900 / tracking -0.01em / leading 1.22\nwhat  30px / 400 / leading 1.6\nround  24px / 700 / tracking 0.06em\ndate  22px / 400 / tabular numerals\n\n## Colour\nGround #101318 / Surface #1A1F27 / Ink #F2F4F7 / Muted #8B93A1 / Accent #F5B83D / Rule #2A303A\n\n## Constraints — dropping these breaks it\n- The value line leads — an unknown company's name tells the room nothing\n- Only the size of the change (three days to half a day) takes the accent\n- One supporting line on who it is for — the feature list starts on the next page\n- Round and date sit small below a rule at the foot; the amount is not on the cover\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/pitch-cover-value-line/pattern.html."
    },
    "code": {
      "html": "<!doctype html>\n<meta charset=\"utf-8\">\n<title>ピッチの表紙 — 社名より、一文の価値提案を主役にする</title>\n<meta name=\"dv-font\" content=\"Zen Kaku Gothic New:400;700;900\">\n<link rel=\"stylesheet\" href=\"./font.css\">\n<style>\n  /* この版そのもの。index.md の layout / type / colors は、この HTML を\n     scripts/render-pattern.mjs で実測した結果であって、別に書いた説明ではない。 */\n  :root {\n    --ground: #101318;\n    --surface: #1A1F27;\n    --ink: #F2F4F7;\n    --muted: #8B93A1;\n    --accent: #F5B83D;\n    --rule: #2A303A;\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: 112px 160px 96px;            /* → layout.margin */\n  }\n  .content { height: 100%; display: grid; grid-template-rows: auto 1fr auto; }\n\n  .brand { display: flex; align-items: center; gap: 18px; }\n  .mark { width: 40px; height: 40px; background: var(--accent); }\n  .company { font-size: 26px; font-weight: 700; letter-spacing: .08em; }\n\n  /* 価値提案は 1 文、2 行まで。読点で切り、2 行目に数字を置く */\n  .value { align-self: center; }\n  .line { font-size: 108px; font-weight: 900; line-height: 1.22; letter-spacing: -.01em; }\n  .line em { font-style: normal; color: var(--accent); }\n  .what { font-size: 30px; font-weight: 400; color: var(--muted); margin-top: 44px; line-height: 1.6; }\n\n  .foot { display: flex; justify-content: space-between; align-items: baseline; border-top: 1px solid var(--rule); padding-top: 28px; }\n  .round { font-size: 24px; font-weight: 700; letter-spacing: .06em; }\n  .date { font-size: 22px; font-weight: 400; color: var(--muted); font-variant-numeric: tabular-nums; }\n</style>\n\n<div class=\"artboard\" data-artboard>\n  <div class=\"content\" data-content>\n    <div class=\"brand\">\n      <span class=\"mark\"></span>\n      <p class=\"company\" data-type=\"company\">ミナト経理</p>\n    </div>\n\n    <div class=\"value\">\n      <h1 class=\"line\" data-type=\"line\">中小企業の月次締めを、<br><em>3 日から半日</em>に。</h1>\n      <p class=\"what\" data-type=\"what\">請求書と通帳の突き合わせを自動で済ませる、経理担当 1 人の会社のための締め作業の道具</p>\n    </div>\n\n    <div class=\"foot\">\n      <p class=\"round\" data-type=\"round\">シリーズ A 資金調達のご説明</p>\n      <p class=\"date\" data-type=\"date\">2026 年 11 月</p>\n    </div>\n  </div>\n</div>\n",
      "url": "https://design-vault.pages.dev/designs/pitch-cover-value-line/pattern.html",
      "fonts": [
        "https://design-vault.pages.dev/designs/pitch-cover-value-line/font.css",
        "https://design-vault.pages.dev/designs/pitch-cover-value-line/font-0.woff2",
        "https://design-vault.pages.dev/designs/pitch-cover-value-line/font-1.woff2",
        "https://design-vault.pages.dev/designs/pitch-cover-value-line/font-2.woff2"
      ]
    }
  },
  "urls": {
    "ja": "https://design-vault.pages.dev/designs/pitch-cover-value-line",
    "en": "https://design-vault.pages.dev/en/designs/pitch-cover-value-line"
  },
  "notesMarkdown": "## この構成について / About this pattern\n\n出典を持たない自作パターン。**`pattern.html` が版そのもの**で、`cover.png` と frontmatter の\n`layout` / `type` / `colors` はどちらもそこから機械的に測った結果。一式「事業計画・資金調達」の\n1 枚で、架空の会社「ミナト経理」のシリーズ A のピッチとして描いてある。会社・人物・数値はすべて架空。\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 ten pitch slides, drawn as the\nSeries A deck of a fictional company; every company, person and figure on it is invented.\n\n### Techniques\n\n- 価値提案は 108px・字間を詰め、2 行に収まる長さで書く\n- 社名は字間を開けた 26px で、版の左上に置く\n- 下端の罫で、表紙の情報を「言いたいこと」と「事務的なこと」に分ける\n\n### Apply to\n\n- 資金調達・事業提携のピッチの 1 枚目\n- 新規事業の社内提案の表紙（調達の回を審査の場に替える）"
}