{ "id": "agenda-numbered-sections", "schemaVersion": 2, "title": { "ja": "目次 — 章ごとに「決めたいこと」を添える", "en": "Agenda — Each Section Carries What It Asks For" }, "summary": { "ja": "左に開催条件、右に章の一覧。章名の隣にその章で決めたいことを置き、今日扱わない章は薄く残す", "en": "Session facts at left, sections at right — each with the decision it seeks, the deferred ones dimmed" }, "capturedAt": "2026-09-15", "categories": [ "presentation" ], "tags": [ "minimal", "typography" ], "useCases": [ "agenda" ], "format": "slide-16x9", "density": "medium", "layout": { "kind": "2-column", "canvas": { "w": 1920, "h": 1080 }, "margin": { "top": 112, "right": 140, "bottom": 112, "left": 140 }, "columns": { "count": 2, "gap": 104 } }, "type": { "kicker": { "size": 15, "weight": 500, "tracking": "0.28em", "transform": "upper" }, "title": { "size": 56, "weight": 700, "tracking": "0.01em", "leading": 1.3 }, "mkey": { "size": 15, "weight": 500, "tracking": "0.12em" }, "mval": { "size": 17, "weight": 500, "leading": 1.65, "numeric": "tabular" }, "note": { "size": 17, "weight": 400, "leading": 1.9 }, "num": { "size": 30, "weight": 700, "numeric": "tabular" }, "name": { "size": 30, "weight": 500, "leading": 1.45 }, "goal": { "size": 16, "weight": 400, "leading": 1.7 } }, "colors": { "ground": "#FFFFFF", "surface": "#F4F6F9", "ink": "#131820", "muted": "#667183", "accent": "#1F5FA8", "rule": "#DBE1E9", "series": [] }, "rules": [ { "ja": "章名の隣に「この章で決めたいこと」を置く。それが無い目次は予定表で、読み手は聞く姿勢を決められない", "en": "Put the decision each section seeks beside its name — an agenda without it is a timetable, and the room cannot tell how to listen" }, { "ja": "今日扱わない章は消さずに薄くする。消すと「資料に無い」と読まれ、後で付録を探させることになる", "en": "Dim the sections you will not cover rather than removing them — removed reads as absent, and sends people hunting in the appendix" }, { "ja": "日時・場所・出席を目次と同じ面に置く。別紙にすると、何時までの会かが分からないまま章が進む", "en": "Keep the session facts on the same page as the sections; on a separate slide nobody remembers when the meeting ends" }, { "ja": "番号は 2 桁で揃える。1 桁と 2 桁が混ざると章名の頭が縦に揃わず、一覧として読めなくなる", "en": "Two-digit numbers throughout — mixing one and two digits breaks the left edge the list is read down" } ], "cover": "https://design-vault.pages.dev/_astro/cover.DDuMfe6d.png", "assets": [], "shortlist": false, "status": "published", "relations": { "similar": [ "deck-cover-project-brief", "phase-divider-step-rail", "closing-decision-request" ] }, "license": "Original", "publishedAt": null, "reproduction": { "spec": { "format": "slide-16x9", "density": "medium", "layout": { "kind": "2-column", "canvas": { "w": 1920, "h": 1080 }, "margin": { "top": 112, "right": 140, "bottom": 112, "left": 140 }, "columns": { "count": 2, "gap": 104 } }, "type": { "kicker": { "size": 15, "weight": 500, "tracking": "0.28em", "transform": "upper" }, "title": { "size": 56, "weight": 700, "tracking": "0.01em", "leading": 1.3 }, "mkey": { "size": 15, "weight": 500, "tracking": "0.12em" }, "mval": { "size": 17, "weight": 500, "leading": 1.65, "numeric": "tabular" }, "note": { "size": 17, "weight": 400, "leading": 1.9 }, "num": { "size": 30, "weight": 700, "numeric": "tabular" }, "name": { "size": 30, "weight": 500, "leading": 1.45 }, "goal": { "size": 16, "weight": 400, "leading": 1.7 } }, "colors": { "ground": "#FFFFFF", "surface": "#F4F6F9", "ink": "#131820", "muted": "#667183", "accent": "#1F5FA8", "rule": "#DBE1E9" }, "rules": [ "Put the decision each section seeks beside its name — an agenda without it is a timetable, and the room cannot tell how to listen", "Dim the sections you will not cover rather than removing them — removed reads as absent, and sends people hunting in the appendix", "Keep the session facts on the same page as the sections; on a separate slide nobody remembers when the meeting ends", "Two-digit numbers throughout — mixing one and two digits breaks the left edge the list is read down" ] }, "prompt": { "ja": "以下の仕様でスライドを 1 枚作ってください。\n\n- 版面 1920 × 1080\n- 余白 上 112 右 140 下 112 左 140\n- 2 カラム（等分）、間隔 104\n\n## 文字（版面 1920px に対する px）\nkicker 15px / 500 / 字間 0.28em / 大文字\ntitle 56px / 700 / 字間 0.01em / 行送り 1.3\nmkey 15px / 500 / 字間 0.12em\nmval 17px / 500 / 行送り 1.65 / 等幅数字\nnote 17px / 400 / 行送り 1.9\nnum 30px / 700 / 等幅数字\nname 30px / 500 / 行送り 1.45\ngoal 16px / 400 / 行送り 1.7\n\n## 配色\n地 #FFFFFF / 面 #F4F6F9 / 文字 #131820 / 補助 #667183 / 強調 #1F5FA8 / 罫 #DBE1E9\n\n## 外すと崩れる点\n- 章名の隣に「この章で決めたいこと」を置く。それが無い目次は予定表で、読み手は聞く姿勢を決められない\n- 今日扱わない章は消さずに薄くする。消すと「資料に無い」と読まれ、後で付録を探させることになる\n- 日時・場所・出席を目次と同じ面に置く。別紙にすると、何時までの会かが分からないまま章が進む\n- 番号は 2 桁で揃える。1 桁と 2 桁が混ざると章名の頭が縦に揃わず、一覧として読めなくなる\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/agenda-numbered-sections/pattern.html", "en": "Produce one slide to the following specification.\n\n- Canvas 1920 × 1080\n- Margin top 112 right 140 bottom 112 left 140\n- 2 equal columns, gap 104\n\n## Type (px against a 1920px canvas)\nkicker 15px / 500 / tracking 0.28em / uppercase\ntitle 56px / 700 / tracking 0.01em / leading 1.3\nmkey 15px / 500 / tracking 0.12em\nmval 17px / 500 / leading 1.65 / tabular numerals\nnote 17px / 400 / leading 1.9\nnum 30px / 700 / tabular numerals\nname 30px / 500 / leading 1.45\ngoal 16px / 400 / leading 1.7\n\n## Colour\nGround #FFFFFF / Surface #F4F6F9 / Ink #131820 / Muted #667183 / Accent #1F5FA8 / Rule #DBE1E9\n\n## Constraints — dropping these breaks it\n- Put the decision each section seeks beside its name — an agenda without it is a timetable, and the room cannot tell how to listen\n- Dim the sections you will not cover rather than removing them — removed reads as absent, and sends people hunting in the appendix\n- Keep the session facts on the same page as the sections; on a separate slide nobody remembers when the meeting ends\n- Two-digit numbers throughout — mixing one and two digits breaks the left edge the list is read down\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/agenda-numbered-sections/pattern.html." }, "code": { "html": "\n\n目次 — 章ごとに「決めたいこと」を添える\n\n\n\n\n
\n
\n
\n
\n

AGENDA

\n

本日
ご説明する範囲

\n
\n
\n
日時
\n
2026.09.15 ／ 14:00 - 15:15
\n
場所
\n
御社 会議室 B ／ 遠隔併用
\n
出席
\n
情報システム部・営業推進部
弊社 3 名
\n
\n

1 〜 4 章を本編として 60 分、5 章以降は付録に収めています。ご質問は章の切れ目で伺います。

\n
\n\n
\n
\n

01

\n

現行業務の課題と前提

\n

課題の認識が合っているかを確認します

\n
\n
\n

02

\n

対象範囲の線引き

\n

第 1 期に含める業務をここで確定します

\n
\n
\n

03

\n

システム構成と実現方式

\n

既存連携の方式についてご意見をいただきます

\n
\n
\n

04

\n

体制・工程・費用

\n

要員の確保時期についてご判断をお願いします

\n
\n
\n

05

\n

移行方針（参考）

\n

次回、移行計画として改めてご説明します

\n
\n
\n

06

\n

付録：要求一覧への回答

\n

お渡しのみ。この場では読み上げません

\n
\n
\n
\n
\n", "url": "https://design-vault.pages.dev/designs/agenda-numbered-sections/pattern.html", "fonts": [ "https://design-vault.pages.dev/designs/agenda-numbered-sections/font.css", "https://design-vault.pages.dev/designs/agenda-numbered-sections/font-0.woff2", "https://design-vault.pages.dev/designs/agenda-numbered-sections/font-1.woff2", "https://design-vault.pages.dev/designs/agenda-numbered-sections/font-2.woff2" ] } }, "urls": { "ja": "https://design-vault.pages.dev/designs/agenda-numbered-sections", "en": "https://design-vault.pages.dev/en/designs/agenda-numbered-sections" }, "notesMarkdown": "## この構成について / About this pattern\n\nシステム開発案件の資料一式で使う目次。**`pattern.html` が版そのもの**で、`cover.png` と\nfrontmatter の寸法はどちらもそこから機械的に出している。編集するのは `pattern.html` だけ。\n\nThe agenda page of a system-development deck. `pattern.html` is the artboard itself; both\n`cover.png` and the measurements come from it, so the three cannot drift apart.\n\n### Techniques\n\n- 左 1 : 右 2.4 に割ると、右の一覧が 3 列（番号・章名・目的）に耐える幅を持つ\n- 行の区切りは罫 1 本だけ。塗り分けると「今どこ」を示す手段が残らない\n- 番号だけに色を置く。章名にも置くと一覧全体が強調になり、強調が消える\n\n### Apply to\n\n- 提案・要件定義・設計レビューの冒頭（章名と目的だけ差し替える）\n- 定例会の議事次第（「決めたいこと」を「確認事項」に読み替える）" }