{
"id": "cover-a4-centered-subject",
"schemaVersion": 2,
"title": {
"ja": "1 枚企画書の表紙 — 件名を中央に据える",
"en": "One-page Proposal Cover — Subject at the Center"
},
"summary": {
"ja": "濃地の A4 縦。件名を版面の中央に置き、差出人と日付だけを下端に沈める",
"en": "A dark A4 portrait cover: the subject centered, sender and date sunk to the foot"
},
"capturedAt": "2026-09-01",
"categories": [
"presentation"
],
"tags": [
"minimal",
"typography"
],
"useCases": [
"cover"
],
"format": "a4-portrait",
"density": "low",
"layout": {
"kind": "centered",
"canvas": {
"w": 794,
"h": 1123
},
"margin": {
"top": 96,
"right": 96,
"bottom": 96,
"left": 96
}
},
"type": {
"kicker": {
"size": 13,
"weight": 500,
"tracking": "0.28em",
"transform": "upper"
},
"title": {
"size": 40,
"weight": 700,
"tracking": "0.02em",
"leading": 1.6
},
"lede": {
"size": 15,
"weight": 400,
"leading": 2
},
"client": {
"size": 16,
"weight": 500
},
"meta": {
"size": 13,
"weight": 400,
"tracking": "0.04em",
"numeric": "tabular"
}
},
"colors": {
"ground": "#12161C",
"surface": "#1B212A",
"ink": "#E8ECF1",
"muted": "#7C8794",
"accent": "#B8945A",
"rule": "#2C343F",
"series": []
},
"rules": [
{
"ja": "件名は 2 行以内。3 行になったら、それは件名ではなく要約になっている",
"en": "Two lines of subject at most — a third means you wrote a summary, not a subject"
},
{
"ja": "差出人と日付は下端に沈める。上に置くと件名より先に読まれる",
"en": "Sink the sender and date to the foot; at the top they get read before the subject"
},
{
"ja": "地を敷くなら文字は純白にしない。表紙は最も長く映される 1 枚で、純白は目が疲れる",
"en": "On a dark ground never use pure white — the cover stays on screen longest"
},
{
"ja": "色を置くのは件名の 2 行目だけ。1 行目にも置くと、どちらが主語か分からなくなる",
"en": "Colour only the second line of the subject; colouring both loses the subject"
}
],
"cover": "https://design-vault.pages.dev/_astro/cover.i9q7GSXR.png",
"assets": [],
"shortlist": false,
"status": "published",
"relations": {
"similar": [
"roadmap-4phase-band"
]
},
"license": "Original",
"publishedAt": null,
"reproduction": {
"spec": {
"format": "a4-portrait",
"density": "low",
"layout": {
"kind": "centered",
"canvas": {
"w": 794,
"h": 1123
},
"margin": {
"top": 96,
"right": 96,
"bottom": 96,
"left": 96
}
},
"type": {
"kicker": {
"size": 13,
"weight": 500,
"tracking": "0.28em",
"transform": "upper"
},
"title": {
"size": 40,
"weight": 700,
"tracking": "0.02em",
"leading": 1.6
},
"lede": {
"size": 15,
"weight": 400,
"leading": 2
},
"client": {
"size": 16,
"weight": 500
},
"meta": {
"size": 13,
"weight": 400,
"tracking": "0.04em",
"numeric": "tabular"
}
},
"colors": {
"ground": "#12161C",
"surface": "#1B212A",
"ink": "#E8ECF1",
"muted": "#7C8794",
"accent": "#B8945A",
"rule": "#2C343F"
},
"rules": [
"Two lines of subject at most — a third means you wrote a summary, not a subject",
"Sink the sender and date to the foot; at the top they get read before the subject",
"On a dark ground never use pure white — the cover stays on screen longest",
"Colour only the second line of the subject; colouring both loses the subject"
]
},
"prompt": {
"ja": "以下の仕様でA4 の資料を 1 枚作ってください。\n\n- 版面 794 × 1123\n- 余白 上 96 右 96 下 96 左 96\n\n## 文字（版面 794px に対する px）\nkicker 13px / 500 / 字間 0.28em / 大文字\ntitle 40px / 700 / 字間 0.02em / 行送り 1.6\nlede 15px / 400 / 行送り 2\nclient 16px / 500\nmeta 13px / 400 / 字間 0.04em / 等幅数字\n\n## 配色\n地 #12161C / 面 #1B212A / 文字 #E8ECF1 / 補助 #7C8794 / 強調 #B8945A / 罫 #2C343F\n\n## 外すと崩れる点\n- 件名は 2 行以内。3 行になったら、それは件名ではなく要約になっている\n- 差出人と日付は下端に沈める。上に置くと件名より先に読まれる\n- 地を敷くなら文字は純白にしない。表紙は最も長く映される 1 枚で、純白は目が疲れる\n- 色を置くのは件名の 2 行目だけ。1 行目にも置くと、どちらが主語か分からなくなる\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/cover-a4-centered-subject/pattern.html",
"en": "Produce one A4 page to the following specification.\n\n- Canvas 794 × 1123\n- Margin top 96 right 96 bottom 96 left 96\n\n## Type (px against a 794px canvas)\nkicker 13px / 500 / tracking 0.28em / uppercase\ntitle 40px / 700 / tracking 0.02em / leading 1.6\nlede 15px / 400 / leading 2\nclient 16px / 500\nmeta 13px / 400 / tracking 0.04em / tabular numerals\n\n## Colour\nGround #12161C / Surface #1B212A / Ink #E8ECF1 / Muted #7C8794 / Accent #B8945A / Rule #2C343F\n\n## Constraints — dropping these breaks it\n- Two lines of subject at most — a third means you wrote a summary, not a subject\n- Sink the sender and date to the foot; at the top they get read before the subject\n- On a dark ground never use pure white — the cover stays on screen longest\n- Colour only the second line of the subject; colouring both loses the subject\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/cover-a4-centered-subject/pattern.html."
},
"code": {
"html": "\n\n1 枚企画書の表紙 — 件名を中央に据える\n\n\n\n\n
\n
\n
PROPOSAL
\n\n
\n
問い合わせ対応の 一次受けを自動化する
\n \n
既存の窓口を止めずに、一次受けだけを切り出す方式のご提案
\n
\n\n
\n
株式会社 ○○○○ 御中
\n
2026.09.01 ・ 事業企画部
\n
\n
\n
\n",
"url": "https://design-vault.pages.dev/designs/cover-a4-centered-subject/pattern.html",
"fonts": [
"https://design-vault.pages.dev/designs/cover-a4-centered-subject/font.css",
"https://design-vault.pages.dev/designs/cover-a4-centered-subject/font-0.woff2",
"https://design-vault.pages.dev/designs/cover-a4-centered-subject/font-1.woff2",
"https://design-vault.pages.dev/designs/cover-a4-centered-subject/font-2.woff2"
]
}
},
"urls": {
"ja": "https://design-vault.pages.dev/designs/cover-a4-centered-subject",
"en": "https://design-vault.pages.dev/en/designs/cover-a4-centered-subject"
},
"notesMarkdown": "## この構成について / About this pattern\n\n出典を持たない自作パターン。**`pattern.html` が版そのもの**で、`cover.png` と frontmatter の\n寸法はどちらもそこから機械的に出している。編集するのは `pattern.html` だけ。\n\nA self-authored pattern. `pattern.html` is the artboard itself; both `cover.png` and the\nmeasurements come from it, so the three cannot drift apart.\n\n### Techniques\n\n- 表紙に載せる要素を 4 つ（種別・件名・差出人・日付）に絞ると、件名の行数で悩まなくなる\n- 濃地では罫を細く 1 本引くだけで、下端の情報が「付記」として読まれる\n- 件名の 2 行目に色を置くと、1 行目が状況・2 行目が打ち手、という読み順が自然につく\n\n### Apply to\n\n- 提案書・企画書の 1 枚目\n- 報告書の表紙（件名を「結論」に差し替えて使う）"
}