{ "id": "title-slide-rule-under-subject", "schemaVersion": 2, "title": { "ja": "表紙 — 件名の下に罫を 1 本だけ", "en": "Title Slide — One Rule Under the Subject" }, "summary": { "ja": "件名・差出人・日付だけの表紙。装飾は accent の罫 1 本に絞る", "en": "A cover carrying only subject, sender and date, decorated by a single accent rule" }, "capturedAt": "2026-09-15", "categories": [ "presentation" ], "tags": [ "minimal", "typography" ], "useCases": [ "cover" ], "format": "slide-16x9", "density": "low", "layout": { "kind": "centered", "canvas": { "w": 1920, "h": 1080 }, "margin": { "top": 120, "right": 160, "bottom": 120, "left": 160 } }, "type": { "to": { "size": 20, "weight": 500, "tracking": "0.04em" }, "subject": { "size": 76, "weight": 700, "tracking": "0.01em", "leading": 1.32 }, "lede": { "size": 24, "weight": 400, "leading": 1.85 }, "org": { "size": 22, "weight": 500 }, "dept": { "size": 17, "weight": 400 }, "date": { "size": 17, "weight": 400, "numeric": "tabular" }, "code": { "size": 13, "weight": 500, "tracking": "0.18em" } }, "colors": { "ground": "#FFFFFF", "surface": "#F4F6F8", "ink": "#14171A", "muted": "#767C85", "accent": "#0F6B5E", "rule": "#D7DCE1", "series": [] }, "rules": [ { "ja": "表紙に本編の要約を載せない。件名・差出人・日付の 3 つで足りる", "en": "Never summarize the deck on its cover — subject, sender and date are enough" }, { "ja": "装飾は罫 1 本だけ。2 本目を引いた時点で、どちらが区切りか分からなくなる", "en": "One rule only — a second one stops either from reading as the divider" }, { "ja": "宛先を上端、差出人を下端に置き、件名だけを縦中央に浮かせる", "en": "Addressee at the top, sender at the foot, the subject alone floating at center" } ], "cover": "https://design-vault.pages.dev/_astro/cover.C83jwYRA.png", "assets": [], "shortlist": false, "status": "published", "relations": { "similar": [ "cover-a4-centered-subject", "section-divider-number-bleed", "statement-one-sentence" ] }, "license": "Original", "publishedAt": null, "reproduction": { "spec": { "format": "slide-16x9", "density": "low", "layout": { "kind": "centered", "canvas": { "w": 1920, "h": 1080 }, "margin": { "top": 120, "right": 160, "bottom": 120, "left": 160 } }, "type": { "to": { "size": 20, "weight": 500, "tracking": "0.04em" }, "subject": { "size": 76, "weight": 700, "tracking": "0.01em", "leading": 1.32 }, "lede": { "size": 24, "weight": 400, "leading": 1.85 }, "org": { "size": 22, "weight": 500 }, "dept": { "size": 17, "weight": 400 }, "date": { "size": 17, "weight": 400, "numeric": "tabular" }, "code": { "size": 13, "weight": 500, "tracking": "0.18em" } }, "colors": { "ground": "#FFFFFF", "surface": "#F4F6F8", "ink": "#14171A", "muted": "#767C85", "accent": "#0F6B5E", "rule": "#D7DCE1" }, "rules": [ "Never summarize the deck on its cover — subject, sender and date are enough", "One rule only — a second one stops either from reading as the divider", "Addressee at the top, sender at the foot, the subject alone floating at center" ] }, "prompt": { "ja": "以下の仕様でスライドを 1 枚作ってください。\n\n- 版面 1920 × 1080\n- 余白 上 120 右 160 下 120 左 160\n\n## 文字（版面 1920px に対する px）\nto 20px / 500 / 字間 0.04em\nsubject 76px / 700 / 字間 0.01em / 行送り 1.32\nlede 24px / 400 / 行送り 1.85\norg 22px / 500\ndept 17px / 400\ndate 17px / 400 / 等幅数字\ncode 13px / 500 / 字間 0.18em\n\n## 配色\n地 #FFFFFF / 面 #F4F6F8 / 文字 #14171A / 補助 #767C85 / 強調 #0F6B5E / 罫 #D7DCE1\n\n## 外すと崩れる点\n- 表紙に本編の要約を載せない。件名・差出人・日付の 3 つで足りる\n- 装飾は罫 1 本だけ。2 本目を引いた時点で、どちらが区切りか分からなくなる\n- 宛先を上端、差出人を下端に置き、件名だけを縦中央に浮かせる\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/title-slide-rule-under-subject/pattern.html", "en": "Produce one slide to the following specification.\n\n- Canvas 1920 × 1080\n- Margin top 120 right 160 bottom 120 left 160\n\n## Type (px against a 1920px canvas)\nto 20px / 500 / tracking 0.04em\nsubject 76px / 700 / tracking 0.01em / leading 1.32\nlede 24px / 400 / leading 1.85\norg 22px / 500\ndept 17px / 400\ndate 17px / 400 / tabular numerals\ncode 13px / 500 / tracking 0.18em\n\n## Colour\nGround #FFFFFF / Surface #F4F6F8 / Ink #14171A / Muted #767C85 / Accent #0F6B5E / Rule #D7DCE1\n\n## Constraints — dropping these breaks it\n- Never summarize the deck on its cover — subject, sender and date are enough\n- One rule only — a second one stops either from reading as the divider\n- Addressee at the top, sender at the foot, the subject alone floating at center\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/title-slide-rule-under-subject/pattern.html." }, "code": { "html": "\n\n表紙 — 件名の下に 1 本だけ罫を引く\n\n\n\n\n
\n
\n

株式会社ミナト製作所 御中

\n\n
\n

基幹システム刷新のご提案
—— 止めずに、3 年で移す

\n
\n

現行の運用を 1 日も止めないことを前提条件に置いた移行計画です。
費用と期間は本編 12 ページ以降にまとめました。

\n
\n\n
\n
\n

株式会社オリオン・システムズ

\n

第二営業本部 公共・製造ソリューション部

\n
\n
\n

2026 年 9 月 15 日

\n

P-2026-0915

\n
\n
\n
\n
\n", "url": "https://design-vault.pages.dev/designs/title-slide-rule-under-subject/pattern.html", "fonts": [ "https://design-vault.pages.dev/designs/title-slide-rule-under-subject/font.css", "https://design-vault.pages.dev/designs/title-slide-rule-under-subject/font-0.woff2", "https://design-vault.pages.dev/designs/title-slide-rule-under-subject/font-1.woff2", "https://design-vault.pages.dev/designs/title-slide-rule-under-subject/font-2.woff2" ] } }, "urls": { "ja": "https://design-vault.pages.dev/designs/title-slide-rule-under-subject", "en": "https://design-vault.pages.dev/en/designs/title-slide-rule-under-subject" }, "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- 件名は 2 行まで。3 行に渡る件名は、そもそも件名になっていない\n- 罫の幅（168px）は件名の 1 文字ぶんより広く、1 単語より狭く取る\n- 資料番号だけ surface を敷いて、日付と質を変える\n\n### Apply to\n\n- 提案書・報告書の 1 枚目\n- 社外向け資料の送付状" }