{ "id": "design:results-cover-period", "schemaVersion": 2, "title": { "ja": "決算説明の表紙 — 社名より、期と開示日を主役にする", "en": "Results Cover — The Period and Disclosure Date Lead, Not the Company" }, "summary": { "ja": "紺地に「第 2 四半期」を大きく置き、その上に会計年度、下に資料名。開示日と登壇者は下端の罫の下へ", "en": "On navy, the quarter goes large with the fiscal year above and the document name below; date and presenter sit under a rule at the foot" }, "capturedAt": "2026-10-19", "categories": [ "presentation" ], "tags": [ "bold", "typography" ], "useCases": [ "cover" ], "format": "slide-16x9", "density": "low", "layout": { "kind": "stack", "canvas": { "w": 1920, "h": 1080 }, "margin": { "top": 96, "right": 140, "bottom": 56, "left": 140 } }, "type": { "company": { "size": 28, "weight": 500, "tracking": "0.08em", "numeric": "tabular" }, "fy": { "size": 44, "weight": 500, "numeric": "tabular" }, "quarter": { "size": 152, "weight": 700, "tracking": "-0.01em", "leading": 1.1, "numeric": "tabular" }, "doc": { "size": 56, "weight": 500, "numeric": "tabular" }, "date": { "size": 30, "weight": 500, "numeric": "tabular" }, "who": { "size": 24, "weight": 400, "numeric": "tabular" } }, "colors": { "ground": "#10243F", "surface": "#1A3253", "ink": "#FFFFFF", "muted": "#A7B4C7", "accent": "#8DB4E2", "rule": "#2C4566", "series": [] }, "rules": [ { "ja": "主役は期。決算資料は毎期同じ会社が出すので、社名を大きくしても何の資料か分からない", "en": "The period leads — the same company issues one every quarter, so a big company name says nothing about which one" }, { "ja": "会計年度・四半期・資料名を 3 段に分け、四半期だけを最大にする", "en": "Split fiscal year, quarter and document name into three lines; only the quarter is largest" }, { "ja": "開示日は必ず入れる。後から見返す人が、どの時点の数字かを表紙で確かめる", "en": "Always give the disclosure date — whoever revisits it checks from the cover when the numbers are from" }, { "ja": "期の塊の左に太い縦線を 1 本。表紙の飾りはこれだけにする", "en": "One thick vertical bar left of the period block is the only ornament" } ], "cover": "https://design-vault.pages.dev/_astro/cover.Bw5855ii.png", "assets": [], "shortlist": false, "status": "published", "relations": { "similar": [ "deck-cover-project-brief", "title-slide-rule-under-subject", "pitch-cover-value-line" ] }, "license": "Original", "publishedAt": null, "reproduction": { "spec": { "format": "slide-16x9", "density": "low", "layout": { "kind": "stack", "canvas": { "w": 1920, "h": 1080 }, "margin": { "top": 96, "right": 140, "bottom": 56, "left": 140 } }, "type": { "company": { "size": 28, "weight": 500, "tracking": "0.08em", "numeric": "tabular" }, "fy": { "size": 44, "weight": 500, "numeric": "tabular" }, "quarter": { "size": 152, "weight": 700, "tracking": "-0.01em", "leading": 1.1, "numeric": "tabular" }, "doc": { "size": 56, "weight": 500, "numeric": "tabular" }, "date": { "size": 30, "weight": 500, "numeric": "tabular" }, "who": { "size": 24, "weight": 400, "numeric": "tabular" } }, "colors": { "ground": "#10243F", "surface": "#1A3253", "ink": "#FFFFFF", "muted": "#A7B4C7", "accent": "#8DB4E2", "rule": "#2C4566" }, "rules": [ "The period leads — the same company issues one every quarter, so a big company name says nothing about which one", "Split fiscal year, quarter and document name into three lines; only the quarter is largest", "Always give the disclosure date — whoever revisits it checks from the cover when the numbers are from", "One thick vertical bar left of the period block is the only ornament" ] }, "prompt": { "ja": "以下の仕様でスライドを 1 枚作ってください。\n\n- 版面 1920 × 1080\n- 余白 上 96 右 140 下 56 左 140\n\n## 文字（版面 1920px に対する px）\ncompany 28px / 500 / 字間 0.08em / 等幅数字\nfy 44px / 500 / 等幅数字\nquarter 152px / 700 / 字間 -0.01em / 行送り 1.1 / 等幅数字\ndoc 56px / 500 / 等幅数字\ndate 30px / 500 / 等幅数字\nwho 24px / 400 / 等幅数字\n\n## 配色\n地 #10243F / 面 #1A3253 / 文字 #FFFFFF / 補助 #A7B4C7 / 強調 #8DB4E2 / 罫 #2C4566\n\n## 外すと崩れる点\n- 主役は期。決算資料は毎期同じ会社が出すので、社名を大きくしても何の資料か分からない\n- 会計年度・四半期・資料名を 3 段に分け、四半期だけを最大にする\n- 開示日は必ず入れる。後から見返す人が、どの時点の数字かを表紙で確かめる\n- 期の塊の左に太い縦線を 1 本。表紙の飾りはこれだけにする\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/results-cover-period/pattern.html", "en": "Produce one slide to the following specification.\n\n- Canvas 1920 × 1080\n- Margin top 96 right 140 bottom 56 left 140\n\n## Type (px against a 1920px canvas)\ncompany 28px / 500 / tracking 0.08em / tabular numerals\nfy 44px / 500 / tabular numerals\nquarter 152px / 700 / tracking -0.01em / leading 1.1 / tabular numerals\ndoc 56px / 500 / tabular numerals\ndate 30px / 500 / tabular numerals\nwho 24px / 400 / tabular numerals\n\n## Colour\nGround #10243F / Surface #1A3253 / Ink #FFFFFF / Muted #A7B4C7 / Accent #8DB4E2 / Rule #2C4566\n\n## Constraints — dropping these breaks it\n- The period leads — the same company issues one every quarter, so a big company name says nothing about which one\n- Split fiscal year, quarter and document name into three lines; only the quarter is largest\n- Always give the disclosure date — whoever revisits it checks from the cover when the numbers are from\n- One thick vertical bar left of the period block is the only ornament\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-cover-period/pattern.html." }, "code": { "html": "\n\n決算説明の表紙 — 社名より、期と開示日を主役にする\n\n\n\n\n
\n
\n

アオバ精工株式会社

\n
\n

2027 年 3 月期

\n

第 2 四半期

\n

決算説明資料

\n
\n
\n

2026 年 11 月 10 日

\n

代表取締役社長　青葉 恒一

\n
\n
\n
\n", "url": "https://design-vault.pages.dev/designs/results-cover-period/pattern.html", "fonts": [ "https://design-vault.pages.dev/designs/results-cover-period/font.css", "https://design-vault.pages.dev/designs/results-cover-period/font-0.woff2", "https://design-vault.pages.dev/designs/results-cover-period/font-1.woff2", "https://design-vault.pages.dev/designs/results-cover-period/font-2.woff2" ] } }, "urls": { "ja": "https://design-vault.pages.dev/designs/results-cover-period", "en": "https://design-vault.pages.dev/en/designs/results-cover-period", "json": "https://design-vault.pages.dev/ai/assets/results-cover-period.json", "designJson": "https://design-vault.pages.dev/ai/designs/results-cover-period.json" }, "notesMarkdown": "## この構成について / About this pattern\n\n出典を持たない自作パターン。**`pattern.html` が版そのもの**で、`cover.png` と frontmatter の\n`layout` / `type` / `colors` はどちらもそこから機械的に測った結果。一式「決算・経営報告」の\n1 枚で、架空の会社「アオバ精工」の第 2 四半期決算説明として描いてある。会社・人物・数値はすべて架空。\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 eight results-briefing slides, drawn\nas a fictional company's half-year results deck; every company, person and figure on it is invented.\n\n### Techniques\n\n- 四半期は 152px、会計年度は 44px の灰色、資料名は 56px\n- 期の塊を縦方向の中央に置き、社名は左上に小さく\n- 下端の罫で、日付と登壇者を本題から分ける\n\n### Apply to\n\n- 四半期・通期の決算説明資料の表紙\n- 定例の経営会議資料の表紙（期を月や回に替える）", "slug": "results-cover-period", "kind": "artboard", "catalogVersion": 1, "designSchemaVersion": 2, "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse" }