{
  "id": "deck:slide-basics",
  "slug": "slide-basics",
  "title": {
    "ja": "基本の 10 枚 — どの資料にも出る枚を、社内説明会 1 回ぶんで通す",
    "en": "The Basic Ten — The Slides Every Deck Needs, Run Through One Briefing"
  },
  "summary": {
    "ja": "登壇者紹介から締めの連絡先まで 10 枚。箇条書き・結論見出しのグラフ・想定問答・用語集のように、ジャンルを問わず出てくる枚を集めてある",
    "en": "Ten slides from the speaker's introduction to the contacts at the end — bullets, an action-titled chart, FAQ, glossary: the pages any deck reaches for"
  },
  "count": 10,
  "slides": [
    {
      "position": 1,
      "slug": "speaker-profile-portrait",
      "kind": "artboard",
      "title": {
        "ja": "登壇者紹介 — 顔写真の枠と、話す資格になる経歴だけ",
        "en": "Speaker Profile — A Portrait Frame and Only the Career That Earns the Talk"
      },
      "useCase": "people",
      "role": null,
      "urls": {
        "ja": "https://design-vault.pages.dev/designs/speaker-profile-portrait",
        "en": "https://design-vault.pages.dev/en/designs/speaker-profile-portrait",
        "json": "https://design-vault.pages.dev/ai/assets/speaker-profile-portrait.json",
        "designJson": "https://design-vault.pages.dev/ai/designs/speaker-profile-portrait.json"
      },
      "reproduction": {
        "spec": {
          "format": "slide-16x9",
          "density": "medium",
          "layout": {
            "kind": "2-column",
            "canvas": {
              "w": 1920,
              "h": 1080
            },
            "margin": {
              "top": 96,
              "right": 140,
              "bottom": 96,
              "left": 140
            },
            "columns": {
              "count": 2,
              "gap": 96
            }
          },
          "type": {
            "kicker": {
              "size": 20,
              "weight": 500,
              "tracking": "0.16em"
            },
            "name": {
              "size": 64,
              "weight": 700,
              "tracking": "0.06em",
              "leading": 1.2
            },
            "reading": {
              "size": 22,
              "weight": 400,
              "tracking": "0.12em"
            },
            "role": {
              "size": 26,
              "weight": 500,
              "leading": 1.6
            },
            "year": {
              "size": 22,
              "weight": 500,
              "numeric": "tabular"
            },
            "what": {
              "size": 24,
              "weight": 400,
              "leading": 1.6
            },
            "todayLabel": {
              "size": 20,
              "weight": 700
            },
            "todayText": {
              "size": 22,
              "weight": 400,
              "leading": 1.7
            },
            "folio": {
              "size": 16,
              "weight": 400,
              "numeric": "tabular"
            }
          },
          "colors": {
            "ground": "#FFFFFF",
            "surface": "#F4F6F9",
            "ink": "#131820",
            "muted": "#667183",
            "accent": "#1F5FA8",
            "rule": "#DBE1E9"
          },
          "rules": [
            "Three career lines at most, chosen for today's talk — turn it into a CV and the audience reads a life instead of a reason to listen",
            "The portrait frame is 4:5 with the eyes on the upper third. Until a photo exists, shapes show the ratio and crop — never a drawn person",
            "Put the reading under the name, so nobody mispronounces it for the whole talk",
            "End with one line on today's topic, so the introduction hands over to the talk"
          ]
        },
        "prompt": {
          "ja": "以下の仕様でスライドを 1 枚作ってください。\n\n- 版面 1920 × 1080\n- 余白 上 96 右 140 下 96 左 140\n- 2 カラム（等分）、間隔 96\n\n## 文字（版面 1920px に対する px）\nkicker  20px / 500 / 字間 0.16em\nname  64px / 700 / 字間 0.06em / 行送り 1.2\nreading  22px / 400 / 字間 0.12em\nrole  26px / 500 / 行送り 1.6\nyear  22px / 500 / 等幅数字\nwhat  24px / 400 / 行送り 1.6\ntodayLabel  20px / 700\ntodayText  22px / 400 / 行送り 1.7\nfolio  16px / 400 / 等幅数字\n\n## 配色\n地 #FFFFFF / 面 #F4F6F9 / 文字 #131820 / 補助 #667183 / 強調 #1F5FA8 / 罫 #DBE1E9\n\n## 外すと崩れる点\n- 経歴は 3 行まで。今日の話に関係する年だけを選ぶ。履歴書にすると、聞き手は話す資格ではなく人生を読み始める\n- 顔写真の枠は 4:5 で、目の高さを上から 1/3 に置く。写真が無いうちは図形で比率と切り抜き位置だけを示し、人物の絵は描かない\n- 名前の下に読みを添える。初めて聞く名前を、説明の間ずっと読み違えさせない\n- 最後に「今日話すこと」を 1 行置き、紹介を本題につなぐ\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/speaker-profile-portrait/pattern.html",
          "en": "Produce one slide to the following specification.\n\n- Canvas 1920 × 1080\n- Margin top 96 right 140 bottom 96 left 140\n- 2 equal columns, gap 96\n\n## Type (px against a 1920px canvas)\nkicker  20px / 500 / tracking 0.16em\nname  64px / 700 / tracking 0.06em / leading 1.2\nreading  22px / 400 / tracking 0.12em\nrole  26px / 500 / leading 1.6\nyear  22px / 500 / tabular numerals\nwhat  24px / 400 / leading 1.6\ntodayLabel  20px / 700\ntodayText  22px / 400 / leading 1.7\nfolio  16px / 400 / tabular numerals\n\n## Colour\nGround #FFFFFF / Surface #F4F6F9 / Ink #131820 / Muted #667183 / Accent #1F5FA8 / Rule #DBE1E9\n\n## Constraints — dropping these breaks it\n- Three career lines at most, chosen for today's talk — turn it into a CV and the audience reads a life instead of a reason to listen\n- The portrait frame is 4:5 with the eyes on the upper third. Until a photo exists, shapes show the ratio and crop — never a drawn person\n- Put the reading under the name, so nobody mispronounces it for the whole talk\n- End with one line on today's topic, so the introduction hands over to the talk\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/speaker-profile-portrait/pattern.html."
        },
        "code": {
          "url": "https://design-vault.pages.dev/designs/speaker-profile-portrait/pattern.html",
          "fonts": [
            "https://design-vault.pages.dev/designs/speaker-profile-portrait/font.css",
            "https://design-vault.pages.dev/designs/speaker-profile-portrait/font-0.woff2",
            "https://design-vault.pages.dev/designs/speaker-profile-portrait/font-1.woff2",
            "https://design-vault.pages.dev/designs/speaker-profile-portrait/font-2.woff2"
          ]
        }
      }
    },
    {
      "position": 2,
      "slug": "bullets-three-levels",
      "kind": "artboard",
      "title": {
        "ja": "箇条書き 3 階層 — 階層ごとに記号と級数を変える本文の 1 枚",
        "en": "Three-Level Bullets — Each Level Gets Its Own Mark and Size"
      },
      "useCase": "summary",
      "role": null,
      "urls": {
        "ja": "https://design-vault.pages.dev/designs/bullets-three-levels",
        "en": "https://design-vault.pages.dev/en/designs/bullets-three-levels",
        "json": "https://design-vault.pages.dev/ai/assets/bullets-three-levels.json",
        "designJson": "https://design-vault.pages.dev/ai/designs/bullets-three-levels.json"
      },
      "reproduction": {
        "spec": {
          "format": "slide-16x9",
          "density": "medium",
          "layout": {
            "kind": "stack",
            "canvas": {
              "w": 1920,
              "h": 1080
            },
            "margin": {
              "top": 96,
              "right": 140,
              "bottom": 96,
              "left": 140
            }
          },
          "type": {
            "kicker": {
              "size": 20,
              "weight": 500,
              "tracking": "0.16em"
            },
            "title": {
              "size": 52,
              "weight": 700,
              "leading": 1.35
            },
            "t1": {
              "size": 32,
              "weight": 700,
              "leading": 1.5
            },
            "t2": {
              "size": 26,
              "weight": 400,
              "leading": 1.6
            },
            "t3": {
              "size": 22,
              "weight": 400,
              "leading": 1.6
            },
            "folio": {
              "size": 16,
              "weight": 400,
              "numeric": "tabular"
            }
          },
          "colors": {
            "ground": "#FFFFFF",
            "surface": "#F4F6F9",
            "ink": "#131820",
            "muted": "#667183",
            "accent": "#1F5FA8",
            "rule": "#DBE1E9"
          },
          "rules": [
            "Three levels at most — if a fourth is needed, that branch becomes its own slide",
            "Change mark, size and colour per level — with only one of them, the hierarchy disappears from the back of the room",
            "Indent on a fixed step (48px), not the width of the mark, so swapping marks never moves the text edge",
            "Four first-level items at most; figures live on the third level, picked out in bold"
          ]
        },
        "prompt": {
          "ja": "以下の仕様でスライドを 1 枚作ってください。\n\n- 版面 1920 × 1080\n- 余白 上 96 右 140 下 96 左 140\n\n## 文字（版面 1920px に対する px）\nkicker  20px / 500 / 字間 0.16em\ntitle  52px / 700 / 行送り 1.35\nt1  32px / 700 / 行送り 1.5\nt2  26px / 400 / 行送り 1.6\nt3  22px / 400 / 行送り 1.6\nfolio  16px / 400 / 等幅数字\n\n## 配色\n地 #FFFFFF / 面 #F4F6F9 / 文字 #131820 / 補助 #667183 / 強調 #1F5FA8 / 罫 #DBE1E9\n\n## 外すと崩れる点\n- 階層は 3 段まで。4 段目が要るなら、その枝は別の 1 枚に分ける\n- 記号・級数・色を階層ごとに変える。どれか 1 つだけだと、離れて見たとき階層が読めない\n- 字下げは記号の幅ではなく固定の段（48px）で揃える。記号を差し替えても本文の左端が動かない\n- 1 階層目は 4 項目まで。数字は 3 階層目に置き、太字で拾わせる\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/bullets-three-levels/pattern.html",
          "en": "Produce one slide to the following specification.\n\n- Canvas 1920 × 1080\n- Margin top 96 right 140 bottom 96 left 140\n\n## Type (px against a 1920px canvas)\nkicker  20px / 500 / tracking 0.16em\ntitle  52px / 700 / leading 1.35\nt1  32px / 700 / leading 1.5\nt2  26px / 400 / leading 1.6\nt3  22px / 400 / leading 1.6\nfolio  16px / 400 / tabular numerals\n\n## Colour\nGround #FFFFFF / Surface #F4F6F9 / Ink #131820 / Muted #667183 / Accent #1F5FA8 / Rule #DBE1E9\n\n## Constraints — dropping these breaks it\n- Three levels at most — if a fourth is needed, that branch becomes its own slide\n- Change mark, size and colour per level — with only one of them, the hierarchy disappears from the back of the room\n- Indent on a fixed step (48px), not the width of the mark, so swapping marks never moves the text edge\n- Four first-level items at most; figures live on the third level, picked out in bold\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/bullets-three-levels/pattern.html."
        },
        "code": {
          "url": "https://design-vault.pages.dev/designs/bullets-three-levels/pattern.html",
          "fonts": [
            "https://design-vault.pages.dev/designs/bullets-three-levels/font.css",
            "https://design-vault.pages.dev/designs/bullets-three-levels/font-0.woff2",
            "https://design-vault.pages.dev/designs/bullets-three-levels/font-1.woff2",
            "https://design-vault.pages.dev/designs/bullets-three-levels/font-2.woff2"
          ]
        }
      }
    },
    {
      "position": 3,
      "slug": "action-title-chart-takeaway",
      "kind": "artboard",
      "title": {
        "ja": "結論見出しとグラフ — 見出しで言い切り、右の欄で示唆を足す",
        "en": "Action Title with Chart — The Headline States It, the Side Column Adds What Follows"
      },
      "useCase": "kpi",
      "role": null,
      "urls": {
        "ja": "https://design-vault.pages.dev/designs/action-title-chart-takeaway",
        "en": "https://design-vault.pages.dev/en/designs/action-title-chart-takeaway",
        "json": "https://design-vault.pages.dev/ai/assets/action-title-chart-takeaway.json",
        "designJson": "https://design-vault.pages.dev/ai/designs/action-title-chart-takeaway.json"
      },
      "reproduction": {
        "spec": {
          "format": "slide-16x9",
          "density": "medium",
          "layout": {
            "kind": "2-column",
            "canvas": {
              "w": 1920,
              "h": 1080
            },
            "margin": {
              "top": 96,
              "right": 140,
              "bottom": 96,
              "left": 140
            },
            "columns": {
              "count": 2,
              "gap": 80
            }
          },
          "type": {
            "kicker": {
              "size": 20,
              "weight": 500,
              "tracking": "0.16em"
            },
            "title": {
              "size": 46,
              "weight": 700,
              "leading": 1.4
            },
            "chartTitle": {
              "size": 24,
              "weight": 700
            },
            "unit": {
              "size": 20,
              "weight": 400
            },
            "source": {
              "size": 16,
              "weight": 400
            },
            "sideLabel": {
              "size": 20,
              "weight": 700,
              "tracking": "0.12em"
            },
            "n": {
              "size": 26,
              "weight": 700,
              "numeric": "tabular"
            },
            "pt": {
              "size": 26,
              "weight": 700,
              "leading": 1.5
            },
            "pd": {
              "size": 21,
              "weight": 400,
              "leading": 1.7
            },
            "folio": {
              "size": 16,
              "weight": 400,
              "numeric": "tabular"
            }
          },
          "colors": {
            "ground": "#FFFFFF",
            "surface": "#F4F6F9",
            "ink": "#131820",
            "muted": "#667183",
            "accent": "#1F5FA8",
            "rule": "#DBE1E9"
          },
          "rules": [
            "The headline says what the chart means, not what it is; the chart's title goes small above the plot",
            "Only the bars the headline points at take the accent; the rest drop to the faintest tone that still reads",
            "Three takeaways, two lines each — longer than the chart and it is another slide",
            "Always give the unit and the source — and say so when the numbers are illustrative"
          ]
        },
        "prompt": {
          "ja": "以下の仕様でスライドを 1 枚作ってください。\n\n- 版面 1920 × 1080\n- 余白 上 96 右 140 下 96 左 140\n- 2 カラム（等分）、間隔 80\n\n## 文字（版面 1920px に対する px）\nkicker  20px / 500 / 字間 0.16em\ntitle  46px / 700 / 行送り 1.4\nchartTitle  24px / 700\nunit  20px / 400\nsource  16px / 400\nsideLabel  20px / 700 / 字間 0.12em\nn  26px / 700 / 等幅数字\npt  26px / 700 / 行送り 1.5\npd  21px / 400 / 行送り 1.7\nfolio  16px / 400 / 等幅数字\n\n## 配色\n地 #FFFFFF / 面 #F4F6F9 / 文字 #131820 / 補助 #667183 / 強調 #1F5FA8 / 罫 #DBE1E9\n\n## 外すと崩れる点\n- 見出しは「何のグラフか」ではなく「何が言えるか」を書く。グラフの題は図の上に小さく置く\n- 見出しが指す棒だけを強調色にする。残りは地と区別できる最小の濃さに落とす\n- 示唆は 3 点まで、1 点 2 行まで。グラフより長くなったら、それは別の 1 枚\n- 単位と出典を必ず添える。架空の数字なら、そう書く\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/action-title-chart-takeaway/pattern.html",
          "en": "Produce one slide to the following specification.\n\n- Canvas 1920 × 1080\n- Margin top 96 right 140 bottom 96 left 140\n- 2 equal columns, gap 80\n\n## Type (px against a 1920px canvas)\nkicker  20px / 500 / tracking 0.16em\ntitle  46px / 700 / leading 1.4\nchartTitle  24px / 700\nunit  20px / 400\nsource  16px / 400\nsideLabel  20px / 700 / tracking 0.12em\nn  26px / 700 / tabular numerals\npt  26px / 700 / leading 1.5\npd  21px / 400 / leading 1.7\nfolio  16px / 400 / tabular numerals\n\n## Colour\nGround #FFFFFF / Surface #F4F6F9 / Ink #131820 / Muted #667183 / Accent #1F5FA8 / Rule #DBE1E9\n\n## Constraints — dropping these breaks it\n- The headline says what the chart means, not what it is; the chart's title goes small above the plot\n- Only the bars the headline points at take the accent; the rest drop to the faintest tone that still reads\n- Three takeaways, two lines each — longer than the chart and it is another slide\n- Always give the unit and the source — and say so when the numbers are illustrative\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/action-title-chart-takeaway/pattern.html."
        },
        "code": {
          "url": "https://design-vault.pages.dev/designs/action-title-chart-takeaway/pattern.html",
          "fonts": [
            "https://design-vault.pages.dev/designs/action-title-chart-takeaway/font.css",
            "https://design-vault.pages.dev/designs/action-title-chart-takeaway/font-0.woff2",
            "https://design-vault.pages.dev/designs/action-title-chart-takeaway/font-1.woff2",
            "https://design-vault.pages.dev/designs/action-title-chart-takeaway/font-2.woff2"
          ]
        }
      }
    },
    {
      "position": 4,
      "slug": "key-message-three-supports",
      "kind": "artboard",
      "title": {
        "ja": "主張と根拠 3 つ — 上に言い切り、下に支える 3 本を並べる",
        "en": "Key Message with Three Supports — The Claim on Top, Three Reasons Holding It Up"
      },
      "useCase": "summary",
      "role": null,
      "urls": {
        "ja": "https://design-vault.pages.dev/designs/key-message-three-supports",
        "en": "https://design-vault.pages.dev/en/designs/key-message-three-supports",
        "json": "https://design-vault.pages.dev/ai/assets/key-message-three-supports.json",
        "designJson": "https://design-vault.pages.dev/ai/designs/key-message-three-supports.json"
      },
      "reproduction": {
        "spec": {
          "format": "slide-16x9",
          "density": "medium",
          "layout": {
            "kind": "3-column",
            "canvas": {
              "w": 1920,
              "h": 1080
            },
            "margin": {
              "top": 96,
              "right": 140,
              "bottom": 96,
              "left": 140
            },
            "columns": {
              "count": 3,
              "gap": 48
            }
          },
          "type": {
            "kicker": {
              "size": 20,
              "weight": 500,
              "tracking": "0.16em"
            },
            "claimLabel": {
              "size": 20,
              "weight": 500,
              "tracking": "0.16em"
            },
            "claimText": {
              "size": 56,
              "weight": 700,
              "leading": 1.4
            },
            "sLabel": {
              "size": 20,
              "weight": 700,
              "tracking": "0.12em"
            },
            "sFigure": {
              "size": 72,
              "weight": 700,
              "leading": 1.1,
              "numeric": "tabular"
            },
            "sHead": {
              "size": 30,
              "weight": 700,
              "leading": 1.5
            },
            "sBody": {
              "size": 24,
              "weight": 400,
              "leading": 1.75
            },
            "folio": {
              "size": 16,
              "weight": 400,
              "numeric": "tabular"
            }
          },
          "colors": {
            "ground": "#FFFFFF",
            "surface": "#F4F6F9",
            "ink": "#131820",
            "muted": "#667183",
            "accent": "#1F5FA8",
            "rule": "#DBE1E9"
          },
          "rules": [
            "Box the claim and give it its own layer — on the same ground it reads as a fourth item",
            "Three supports: two is thin, four is not remembered",
            "Each support carries one figure — without one, a support is the claim reworded",
            "Draw the lines down from the claim; placed side by side, they do not read as holding it up"
          ]
        },
        "prompt": {
          "ja": "以下の仕様でスライドを 1 枚作ってください。\n\n- 版面 1920 × 1080\n- 余白 上 96 右 140 下 96 左 140\n- 3 カラム（等分）、間隔 48\n\n## 文字（版面 1920px に対する px）\nkicker  20px / 500 / 字間 0.16em\nclaimLabel  20px / 500 / 字間 0.16em\nclaimText  56px / 700 / 行送り 1.4\nsLabel  20px / 700 / 字間 0.12em\nsFigure  72px / 700 / 行送り 1.1 / 等幅数字\nsHead  30px / 700 / 行送り 1.5\nsBody  24px / 400 / 行送り 1.75\nfolio  16px / 400 / 等幅数字\n\n## 配色\n地 #FFFFFF / 面 #F4F6F9 / 文字 #131820 / 補助 #667183 / 強調 #1F5FA8 / 罫 #DBE1E9\n\n## 外すと崩れる点\n- 主張は面で囲い、根拠とは別の層に置く。同じ地に並べると 4 つ目の項目に見える\n- 根拠は 3 つ。2 つでは弱く、4 つ以上は覚えられない\n- 根拠ごとに数字を 1 つ持たせる。数字の無い根拠は、主張の言い換えになる\n- 主張から根拠へ降りる線を引く。並べただけでは、支えていることが伝わらない\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/key-message-three-supports/pattern.html",
          "en": "Produce one slide to the following specification.\n\n- Canvas 1920 × 1080\n- Margin top 96 right 140 bottom 96 left 140\n- 3 equal columns, gap 48\n\n## Type (px against a 1920px canvas)\nkicker  20px / 500 / tracking 0.16em\nclaimLabel  20px / 500 / tracking 0.16em\nclaimText  56px / 700 / leading 1.4\nsLabel  20px / 700 / tracking 0.12em\nsFigure  72px / 700 / leading 1.1 / tabular numerals\nsHead  30px / 700 / leading 1.5\nsBody  24px / 400 / leading 1.75\nfolio  16px / 400 / tabular numerals\n\n## Colour\nGround #FFFFFF / Surface #F4F6F9 / Ink #131820 / Muted #667183 / Accent #1F5FA8 / Rule #DBE1E9\n\n## Constraints — dropping these breaks it\n- Box the claim and give it its own layer — on the same ground it reads as a fourth item\n- Three supports: two is thin, four is not remembered\n- Each support carries one figure — without one, a support is the claim reworded\n- Draw the lines down from the claim; placed side by side, they do not read as holding it up\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/key-message-three-supports/pattern.html."
        },
        "code": {
          "url": "https://design-vault.pages.dev/designs/key-message-three-supports/pattern.html",
          "fonts": [
            "https://design-vault.pages.dev/designs/key-message-three-supports/font.css",
            "https://design-vault.pages.dev/designs/key-message-three-supports/font-0.woff2",
            "https://design-vault.pages.dev/designs/key-message-three-supports/font-1.woff2",
            "https://design-vault.pages.dev/designs/key-message-three-supports/font-2.woff2"
          ]
        }
      }
    },
    {
      "position": 5,
      "slug": "half-bleed-figure-text",
      "kind": "artboard",
      "title": {
        "ja": "半面図版 — 左半分を図版で埋め、右半分に本文を組む",
        "en": "Half-Bleed Figure — The Left Half Is the Picture, the Right Half the Text"
      },
      "useCase": "problem-solution",
      "role": null,
      "urls": {
        "ja": "https://design-vault.pages.dev/designs/half-bleed-figure-text",
        "en": "https://design-vault.pages.dev/en/designs/half-bleed-figure-text",
        "json": "https://design-vault.pages.dev/ai/assets/half-bleed-figure-text.json",
        "designJson": "https://design-vault.pages.dev/ai/designs/half-bleed-figure-text.json"
      },
      "reproduction": {
        "spec": {
          "format": "slide-16x9",
          "density": "low",
          "layout": {
            "kind": "full-bleed",
            "canvas": {
              "w": 1920,
              "h": 1080
            },
            "margin": {
              "top": 0,
              "right": 0,
              "bottom": 0,
              "left": 0
            },
            "columns": {
              "count": 2,
              "gap": 0
            }
          },
          "type": {
            "caption": {
              "size": 20,
              "weight": 400,
              "leading": 1.6
            },
            "kicker": {
              "size": 20,
              "weight": 500,
              "tracking": "0.16em"
            },
            "title": {
              "size": 50,
              "weight": 700,
              "leading": 1.4
            },
            "lede": {
              "size": 24,
              "weight": 400,
              "leading": 1.85
            },
            "fLabel": {
              "size": 20,
              "weight": 500
            },
            "fValue": {
              "size": 26,
              "weight": 700,
              "numeric": "tabular"
            },
            "folio": {
              "size": 16,
              "weight": 400,
              "numeric": "tabular"
            }
          },
          "colors": {
            "ground": "#FFFFFF",
            "surface": "#F4F6F9",
            "ink": "#131820",
            "muted": "#667183",
            "accent": "#1F5FA8",
            "rule": "#DBE1E9"
          },
          "rules": [
            "Bleed the figure to the edges; margins belong to the text side only",
            "Put the caption on a band at the foot, never over the picture — it reads whatever photo arrives",
            "Until a photo exists, three tones of flat shapes stand in for depth — never draw a person or an object",
            "Three facts, set at the foot; run on after the body they compete with the picture"
          ]
        },
        "prompt": {
          "ja": "以下の仕様でスライドを 1 枚作ってください。\n\n- 版面 1920 × 1080\n- 余白 上 0 右 0 下 0 左 0\n- 2 カラム（等分）、間隔 0\n\n## 文字（版面 1920px に対する px）\ncaption  20px / 400 / 行送り 1.6\nkicker  20px / 500 / 字間 0.16em\ntitle  50px / 700 / 行送り 1.4\nlede  24px / 400 / 行送り 1.85\nfLabel  20px / 500\nfValue  26px / 700 / 等幅数字\nfolio  16px / 400 / 等幅数字\n\n## 配色\n地 #FFFFFF / 面 #F4F6F9 / 文字 #131820 / 補助 #667183 / 強調 #1F5FA8 / 罫 #DBE1E9\n\n## 外すと崩れる点\n- 図版は版面の端まで裁ち落とす。余白は本文の側だけに取る\n- キャプションは図版に重ねず、下端の帯に置く。どんな写真が来ても読める\n- 写真が無いうちは、地・中間・強調の 3 段の面で奥行きだけを置く。人や物の絵を描かない\n- 要点は下端に揃えて 3 行まで。本文の続きに置くと、図版と張り合う\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/half-bleed-figure-text/pattern.html",
          "en": "Produce one slide to the following specification.\n\n- Canvas 1920 × 1080\n- Margin top 0 right 0 bottom 0 left 0\n- 2 equal columns, gap 0\n\n## Type (px against a 1920px canvas)\ncaption  20px / 400 / leading 1.6\nkicker  20px / 500 / tracking 0.16em\ntitle  50px / 700 / leading 1.4\nlede  24px / 400 / leading 1.85\nfLabel  20px / 500\nfValue  26px / 700 / tabular numerals\nfolio  16px / 400 / tabular numerals\n\n## Colour\nGround #FFFFFF / Surface #F4F6F9 / Ink #131820 / Muted #667183 / Accent #1F5FA8 / Rule #DBE1E9\n\n## Constraints — dropping these breaks it\n- Bleed the figure to the edges; margins belong to the text side only\n- Put the caption on a band at the foot, never over the picture — it reads whatever photo arrives\n- Until a photo exists, three tones of flat shapes stand in for depth — never draw a person or an object\n- Three facts, set at the foot; run on after the body they compete with the picture\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/half-bleed-figure-text/pattern.html."
        },
        "code": {
          "url": "https://design-vault.pages.dev/designs/half-bleed-figure-text/pattern.html",
          "fonts": [
            "https://design-vault.pages.dev/designs/half-bleed-figure-text/font.css",
            "https://design-vault.pages.dev/designs/half-bleed-figure-text/font-0.woff2",
            "https://design-vault.pages.dev/designs/half-bleed-figure-text/font-1.woff2",
            "https://design-vault.pages.dev/designs/half-bleed-figure-text/font-2.woff2"
          ]
        }
      }
    },
    {
      "position": 6,
      "slug": "recap-key-takeaways",
      "kind": "artboard",
      "title": {
        "ja": "章のまとめ — 要点 3 つと、次の章への橋渡し",
        "en": "Chapter Recap — Three Takeaways and a Bridge to What Comes Next"
      },
      "useCase": "summary",
      "role": null,
      "urls": {
        "ja": "https://design-vault.pages.dev/designs/recap-key-takeaways",
        "en": "https://design-vault.pages.dev/en/designs/recap-key-takeaways",
        "json": "https://design-vault.pages.dev/ai/assets/recap-key-takeaways.json",
        "designJson": "https://design-vault.pages.dev/ai/designs/recap-key-takeaways.json"
      },
      "reproduction": {
        "spec": {
          "format": "slide-16x9",
          "density": "low",
          "layout": {
            "kind": "stack",
            "canvas": {
              "w": 1920,
              "h": 1080
            },
            "margin": {
              "top": 96,
              "right": 140,
              "bottom": 96,
              "left": 140
            }
          },
          "type": {
            "kicker": {
              "size": 20,
              "weight": 500,
              "tracking": "0.16em"
            },
            "title": {
              "size": 52,
              "weight": 700,
              "leading": 1.35
            },
            "n": {
              "size": 72,
              "weight": 700,
              "leading": 1,
              "numeric": "tabular"
            },
            "state": {
              "size": 34,
              "weight": 700,
              "leading": 1.45
            },
            "back": {
              "size": 22,
              "weight": 400,
              "leading": 1.7
            },
            "nextLabel": {
              "size": 20,
              "weight": 700,
              "tracking": "0.12em"
            },
            "nextTitle": {
              "size": 28,
              "weight": 700
            },
            "nextWhat": {
              "size": 22,
              "weight": 400
            },
            "folio": {
              "size": 16,
              "weight": 400,
              "numeric": "tabular"
            }
          },
          "colors": {
            "ground": "#FFFFFF",
            "surface": "#F4F6F9",
            "ink": "#131820",
            "muted": "#667183",
            "accent": "#1F5FA8",
            "rule": "#DBE1E9"
          },
          "rules": [
            "Three takeaways, one sentence each — list the whole chapter and it becomes a table of contents",
            "Under each, one line of why — so it can be recalled without paging back",
            "Fence the next chapter in a panel, smaller than the takeaways — at the same size, the next chapter seems to have started"
          ]
        },
        "prompt": {
          "ja": "以下の仕様でスライドを 1 枚作ってください。\n\n- 版面 1920 × 1080\n- 余白 上 96 右 140 下 96 左 140\n\n## 文字（版面 1920px に対する px）\nkicker  20px / 500 / 字間 0.16em\ntitle  52px / 700 / 行送り 1.35\nn  72px / 700 / 行送り 1 / 等幅数字\nstate  34px / 700 / 行送り 1.45\nback  22px / 400 / 行送り 1.7\nnextLabel  20px / 700 / 字間 0.12em\nnextTitle  28px / 700\nnextWhat  22px / 400\nfolio  16px / 400 / 等幅数字\n\n## 配色\n地 #FFFFFF / 面 #F4F6F9 / 文字 #131820 / 補助 #667183 / 強調 #1F5FA8 / 罫 #DBE1E9\n\n## 外すと崩れる点\n- 要点は 3 つ、1 つ 1 文。章の内容を全部載せると、まとめではなく目次になる\n- 各要点の下に、根拠を 1 行で添える。本編を見返さずに思い出せる\n- 次の章は面で区切り、要点より小さく置く。同じ級数にすると、次の章が始まったように見える\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/recap-key-takeaways/pattern.html",
          "en": "Produce one slide to the following specification.\n\n- Canvas 1920 × 1080\n- Margin top 96 right 140 bottom 96 left 140\n\n## Type (px against a 1920px canvas)\nkicker  20px / 500 / tracking 0.16em\ntitle  52px / 700 / leading 1.35\nn  72px / 700 / leading 1 / tabular numerals\nstate  34px / 700 / leading 1.45\nback  22px / 400 / leading 1.7\nnextLabel  20px / 700 / tracking 0.12em\nnextTitle  28px / 700\nnextWhat  22px / 400\nfolio  16px / 400 / tabular numerals\n\n## Colour\nGround #FFFFFF / Surface #F4F6F9 / Ink #131820 / Muted #667183 / Accent #1F5FA8 / Rule #DBE1E9\n\n## Constraints — dropping these breaks it\n- Three takeaways, one sentence each — list the whole chapter and it becomes a table of contents\n- Under each, one line of why — so it can be recalled without paging back\n- Fence the next chapter in a panel, smaller than the takeaways — at the same size, the next chapter seems to have started\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/recap-key-takeaways/pattern.html."
        },
        "code": {
          "url": "https://design-vault.pages.dev/designs/recap-key-takeaways/pattern.html",
          "fonts": [
            "https://design-vault.pages.dev/designs/recap-key-takeaways/font.css",
            "https://design-vault.pages.dev/designs/recap-key-takeaways/font-0.woff2",
            "https://design-vault.pages.dev/designs/recap-key-takeaways/font-1.woff2",
            "https://design-vault.pages.dev/designs/recap-key-takeaways/font-2.woff2"
          ]
        }
      }
    },
    {
      "position": 7,
      "slug": "do-dont-paired",
      "kind": "artboard",
      "title": {
        "ja": "する・しない — 守ってほしい振る舞いを、行を揃えた対で見せる",
        "en": "Do and Don't — Behaviours in Pairs, Row by Row"
      },
      "useCase": "comparison",
      "role": null,
      "urls": {
        "ja": "https://design-vault.pages.dev/designs/do-dont-paired",
        "en": "https://design-vault.pages.dev/en/designs/do-dont-paired",
        "json": "https://design-vault.pages.dev/ai/assets/do-dont-paired.json",
        "designJson": "https://design-vault.pages.dev/ai/designs/do-dont-paired.json"
      },
      "reproduction": {
        "spec": {
          "format": "slide-16x9",
          "density": "medium",
          "layout": {
            "kind": "2-column",
            "canvas": {
              "w": 1920,
              "h": 1080
            },
            "margin": {
              "top": 96,
              "right": 140,
              "bottom": 96,
              "left": 140
            },
            "columns": {
              "count": 2,
              "gap": 48
            }
          },
          "type": {
            "kicker": {
              "size": 20,
              "weight": 500,
              "tracking": "0.16em"
            },
            "title": {
              "size": 52,
              "weight": 700,
              "leading": 1.35
            },
            "hLabel": {
              "size": 30,
              "weight": 700
            },
            "say": {
              "size": 27,
              "weight": 700,
              "leading": 1.5
            },
            "eg": {
              "size": 22,
              "weight": 400,
              "leading": 1.7
            },
            "folio": {
              "size": 16,
              "weight": 400,
              "numeric": "tabular"
            }
          },
          "colors": {
            "ground": "#FFFFFF",
            "surface": "#F4F6F9",
            "ink": "#131820",
            "muted": "#667183",
            "accent": "#1F5FA8",
            "rule": "#DBE1E9"
          },
          "rules": [
            "Set both columns in one grid so paired rows share a height — column by column, the pairs come apart",
            "Grey out the don't side and hollow its mark — at equal weight, the don't is what people remember",
            "Give each row the actual words in quotes — the name of a behaviour does not put the sentence in anyone's mouth",
            "Three pairs at most"
          ]
        },
        "prompt": {
          "ja": "以下の仕様でスライドを 1 枚作ってください。\n\n- 版面 1920 × 1080\n- 余白 上 96 右 140 下 96 左 140\n- 2 カラム（等分）、間隔 48\n\n## 文字（版面 1920px に対する px）\nkicker  20px / 500 / 字間 0.16em\ntitle  52px / 700 / 行送り 1.35\nhLabel  30px / 700\nsay  27px / 700 / 行送り 1.5\neg  22px / 400 / 行送り 1.7\nfolio  16px / 400 / 等幅数字\n\n## 配色\n地 #FFFFFF / 面 #F4F6F9 / 文字 #131820 / 補助 #667183 / 強調 #1F5FA8 / 罫 #DBE1E9\n\n## 外すと崩れる点\n- 2 列を 1 つの格子に組み、対になる行の高さを揃える。列ごとに組むと、どれとどれが対か分からなくなる\n- しない側は灰色に落とし、記号も白抜きにする。両方を同じ強さにすると、しない側を覚えて帰られる\n- 各行に実際の言い回しを「」で添える。振る舞いの名前だけでは、現場で同じ言葉が出てこない\n- 対は 3 組まで\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/do-dont-paired/pattern.html",
          "en": "Produce one slide to the following specification.\n\n- Canvas 1920 × 1080\n- Margin top 96 right 140 bottom 96 left 140\n- 2 equal columns, gap 48\n\n## Type (px against a 1920px canvas)\nkicker  20px / 500 / tracking 0.16em\ntitle  52px / 700 / leading 1.35\nhLabel  30px / 700\nsay  27px / 700 / leading 1.5\neg  22px / 400 / leading 1.7\nfolio  16px / 400 / tabular numerals\n\n## Colour\nGround #FFFFFF / Surface #F4F6F9 / Ink #131820 / Muted #667183 / Accent #1F5FA8 / Rule #DBE1E9\n\n## Constraints — dropping these breaks it\n- Set both columns in one grid so paired rows share a height — column by column, the pairs come apart\n- Grey out the don't side and hollow its mark — at equal weight, the don't is what people remember\n- Give each row the actual words in quotes — the name of a behaviour does not put the sentence in anyone's mouth\n- Three pairs at most\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/do-dont-paired/pattern.html."
        },
        "code": {
          "url": "https://design-vault.pages.dev/designs/do-dont-paired/pattern.html",
          "fonts": [
            "https://design-vault.pages.dev/designs/do-dont-paired/font.css",
            "https://design-vault.pages.dev/designs/do-dont-paired/font-0.woff2",
            "https://design-vault.pages.dev/designs/do-dont-paired/font-1.woff2",
            "https://design-vault.pages.dev/designs/do-dont-paired/font-2.woff2"
          ]
        }
      }
    },
    {
      "position": 8,
      "slug": "faq-question-answer-pairs",
      "kind": "artboard",
      "title": {
        "ja": "想定問答 — 問いを太く、答えを短く 6 組並べる",
        "en": "FAQ — Six Pairs, Questions Bold and Answers Short"
      },
      "useCase": "faq",
      "role": null,
      "urls": {
        "ja": "https://design-vault.pages.dev/designs/faq-question-answer-pairs",
        "en": "https://design-vault.pages.dev/en/designs/faq-question-answer-pairs",
        "json": "https://design-vault.pages.dev/ai/assets/faq-question-answer-pairs.json",
        "designJson": "https://design-vault.pages.dev/ai/designs/faq-question-answer-pairs.json"
      },
      "reproduction": {
        "spec": {
          "format": "slide-16x9",
          "density": "high",
          "layout": {
            "kind": "grid",
            "canvas": {
              "w": 1920,
              "h": 1080
            },
            "margin": {
              "top": 96,
              "right": 140,
              "bottom": 96,
              "left": 140
            },
            "columns": {
              "count": 2,
              "gap": 64
            }
          },
          "type": {
            "kicker": {
              "size": 20,
              "weight": 500,
              "tracking": "0.16em"
            },
            "title": {
              "size": 52,
              "weight": 700,
              "leading": 1.35
            },
            "mark": {
              "size": 28,
              "weight": 700,
              "leading": 1.45
            },
            "q": {
              "size": 28,
              "weight": 700,
              "leading": 1.45
            },
            "markA": {
              "size": 28,
              "weight": 700,
              "leading": 1.45
            },
            "a": {
              "size": 22,
              "weight": 400,
              "leading": 1.75
            },
            "folio": {
              "size": 16,
              "weight": 400,
              "numeric": "tabular"
            }
          },
          "colors": {
            "ground": "#FFFFFF",
            "surface": "#F4F6F9",
            "ink": "#131820",
            "muted": "#667183",
            "accent": "#1F5FA8",
            "rule": "#DBE1E9"
          },
          "rules": [
            "Write the questions in the asker's words — the sentence actually asked, not a topic heading",
            "Answer in one sentence, two lines at most — anything longer earns its own slide",
            "Order by how often it is asked; read down the left column, then the right",
            "Colour Q and A differently — only Q takes the accent, so a skim follows the questions"
          ]
        },
        "prompt": {
          "ja": "以下の仕様でスライドを 1 枚作ってください。\n\n- 版面 1920 × 1080\n- 余白 上 96 右 140 下 96 左 140\n- 2 カラム（等分）、間隔 64\n\n## 文字（版面 1920px に対する px）\nkicker  20px / 500 / 字間 0.16em\ntitle  52px / 700 / 行送り 1.35\nmark  28px / 700 / 行送り 1.45\nq  28px / 700 / 行送り 1.45\nmarkA  28px / 700 / 行送り 1.45\na  22px / 400 / 行送り 1.75\nfolio  16px / 400 / 等幅数字\n\n## 配色\n地 #FFFFFF / 面 #F4F6F9 / 文字 #131820 / 補助 #667183 / 強調 #1F5FA8 / 罫 #DBE1E9\n\n## 外すと崩れる点\n- 問いは聞き手の言葉で書く。「〜について」ではなく、実際に聞かれた文の形にする\n- 答えは 1 文、長くても 2 行。それを超える答えは本編に 1 枚を立てる\n- 並びは聞かれる多さの順。読む順は左列を上から、次に右列\n- Q と A は色を変える。問いだけを強調色にして、拾い読みで問いが追える\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/faq-question-answer-pairs/pattern.html",
          "en": "Produce one slide to the following specification.\n\n- Canvas 1920 × 1080\n- Margin top 96 right 140 bottom 96 left 140\n- 2 equal columns, gap 64\n\n## Type (px against a 1920px canvas)\nkicker  20px / 500 / tracking 0.16em\ntitle  52px / 700 / leading 1.35\nmark  28px / 700 / leading 1.45\nq  28px / 700 / leading 1.45\nmarkA  28px / 700 / leading 1.45\na  22px / 400 / leading 1.75\nfolio  16px / 400 / tabular numerals\n\n## Colour\nGround #FFFFFF / Surface #F4F6F9 / Ink #131820 / Muted #667183 / Accent #1F5FA8 / Rule #DBE1E9\n\n## Constraints — dropping these breaks it\n- Write the questions in the asker's words — the sentence actually asked, not a topic heading\n- Answer in one sentence, two lines at most — anything longer earns its own slide\n- Order by how often it is asked; read down the left column, then the right\n- Colour Q and A differently — only Q takes the accent, so a skim follows the questions\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/faq-question-answer-pairs/pattern.html."
        },
        "code": {
          "url": "https://design-vault.pages.dev/designs/faq-question-answer-pairs/pattern.html",
          "fonts": [
            "https://design-vault.pages.dev/designs/faq-question-answer-pairs/font.css",
            "https://design-vault.pages.dev/designs/faq-question-answer-pairs/font-0.woff2",
            "https://design-vault.pages.dev/designs/faq-question-answer-pairs/font-1.woff2",
            "https://design-vault.pages.dev/designs/faq-question-answer-pairs/font-2.woff2"
          ]
        }
      }
    },
    {
      "position": 9,
      "slug": "glossary-term-definition",
      "kind": "artboard",
      "title": {
        "ja": "用語集 — 用語・読み・意味・初出を 1 行ずつ",
        "en": "Glossary — Term, Reading, Meaning and First Use, One Row Each"
      },
      "useCase": "glossary",
      "role": null,
      "urls": {
        "ja": "https://design-vault.pages.dev/designs/glossary-term-definition",
        "en": "https://design-vault.pages.dev/en/designs/glossary-term-definition",
        "json": "https://design-vault.pages.dev/ai/assets/glossary-term-definition.json",
        "designJson": "https://design-vault.pages.dev/ai/designs/glossary-term-definition.json"
      },
      "reproduction": {
        "spec": {
          "format": "slide-16x9",
          "density": "high",
          "layout": {
            "kind": "table",
            "canvas": {
              "w": 1920,
              "h": 1080
            },
            "margin": {
              "top": 96,
              "right": 140,
              "bottom": 96,
              "left": 140
            }
          },
          "type": {
            "kicker": {
              "size": 20,
              "weight": 500,
              "tracking": "0.16em"
            },
            "title": {
              "size": 52,
              "weight": 700,
              "leading": 1.35
            },
            "th": {
              "size": 20,
              "weight": 500
            },
            "term": {
              "size": 27,
              "weight": 700
            },
            "reading": {
              "size": 20,
              "weight": 400,
              "tracking": "0.04em"
            },
            "def": {
              "size": 22,
              "weight": 400,
              "leading": 1.7
            },
            "where": {
              "size": 20,
              "weight": 500,
              "numeric": "tabular"
            },
            "folio": {
              "size": 16,
              "weight": 400,
              "numeric": "tabular"
            }
          },
          "colors": {
            "ground": "#FFFFFF",
            "surface": "#F4F6F9",
            "ink": "#131820",
            "muted": "#667183",
            "accent": "#1F5FA8",
            "rule": "#DBE1E9"
          },
          "rules": [
            "Define the word as this document uses it — a dictionary definition drifts from the usage",
            "Give the reading under each term — in-house words are exactly the ones read differently",
            "Put the first page at the right, so the glossary leads back into the deck",
            "Sort by the syllabary — in order of appearance, nothing can be looked up"
          ]
        },
        "prompt": {
          "ja": "以下の仕様でスライドを 1 枚作ってください。\n\n- 版面 1920 × 1080\n- 余白 上 96 右 140 下 96 左 140\n\n## 文字（版面 1920px に対する px）\nkicker  20px / 500 / 字間 0.16em\ntitle  52px / 700 / 行送り 1.35\nth  20px / 500\nterm  27px / 700\nreading  20px / 400 / 字間 0.04em\ndef  22px / 400 / 行送り 1.7\nwhere  20px / 500 / 等幅数字\nfolio  16px / 400 / 等幅数字\n\n## 配色\n地 #FFFFFF / 面 #F4F6F9 / 文字 #131820 / 補助 #667183 / 強調 #1F5FA8 / 罫 #DBE1E9\n\n## 外すと崩れる点\n- 意味は「この資料での」意味に限る。辞書の定義を写すと、資料の中の使い方とずれる\n- 用語の下に読みを添える。社内の言葉ほど、読みが人によって違う\n- 右端に初出の頁を置く。用語集から本編へ戻れる\n- 並びは五十音順。資料に出た順にすると、引けない\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/glossary-term-definition/pattern.html",
          "en": "Produce one slide to the following specification.\n\n- Canvas 1920 × 1080\n- Margin top 96 right 140 bottom 96 left 140\n\n## Type (px against a 1920px canvas)\nkicker  20px / 500 / tracking 0.16em\ntitle  52px / 700 / leading 1.35\nth  20px / 500\nterm  27px / 700\nreading  20px / 400 / tracking 0.04em\ndef  22px / 400 / leading 1.7\nwhere  20px / 500 / tabular numerals\nfolio  16px / 400 / tabular numerals\n\n## Colour\nGround #FFFFFF / Surface #F4F6F9 / Ink #131820 / Muted #667183 / Accent #1F5FA8 / Rule #DBE1E9\n\n## Constraints — dropping these breaks it\n- Define the word as this document uses it — a dictionary definition drifts from the usage\n- Give the reading under each term — in-house words are exactly the ones read differently\n- Put the first page at the right, so the glossary leads back into the deck\n- Sort by the syllabary — in order of appearance, nothing can be looked up\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/glossary-term-definition/pattern.html."
        },
        "code": {
          "url": "https://design-vault.pages.dev/designs/glossary-term-definition/pattern.html",
          "fonts": [
            "https://design-vault.pages.dev/designs/glossary-term-definition/font.css",
            "https://design-vault.pages.dev/designs/glossary-term-definition/font-0.woff2",
            "https://design-vault.pages.dev/designs/glossary-term-definition/font-1.woff2",
            "https://design-vault.pages.dev/designs/glossary-term-definition/font-2.woff2"
          ]
        }
      }
    },
    {
      "position": 10,
      "slug": "closing-thanks-contact",
      "kind": "artboard",
      "title": {
        "ja": "締めと連絡先 — 謝辞のあとに、聞きたくなったときの入口を渡す",
        "en": "Closing with Contacts — Thanks, Then a Way In for Later Questions"
      },
      "useCase": "contact",
      "role": null,
      "urls": {
        "ja": "https://design-vault.pages.dev/designs/closing-thanks-contact",
        "en": "https://design-vault.pages.dev/en/designs/closing-thanks-contact",
        "json": "https://design-vault.pages.dev/ai/assets/closing-thanks-contact.json",
        "designJson": "https://design-vault.pages.dev/ai/designs/closing-thanks-contact.json"
      },
      "reproduction": {
        "spec": {
          "format": "slide-16x9",
          "density": "low",
          "layout": {
            "kind": "centered",
            "canvas": {
              "w": 1920,
              "h": 1080
            },
            "margin": {
              "top": 120,
              "right": 200,
              "bottom": 96,
              "left": 200
            }
          },
          "type": {
            "thanks": {
              "size": 72,
              "weight": 700,
              "tracking": "0.04em",
              "leading": 1.3
            },
            "sub": {
              "size": 26,
              "weight": 400,
              "leading": 1.7
            },
            "cLabel": {
              "size": 20,
              "weight": 500,
              "tracking": "0.12em"
            },
            "cValue": {
              "size": 30,
              "weight": 700,
              "numeric": "tabular"
            },
            "cNote": {
              "size": 20,
              "weight": 400,
              "leading": 1.6
            },
            "folio": {
              "size": 16,
              "weight": 400,
              "numeric": "tabular"
            }
          },
          "colors": {
            "ground": "#111722",
            "surface": "#1A2231",
            "ink": "#E9EDF4",
            "muted": "#8894A6",
            "accent": "#5AA2E8",
            "rule": "#2B3445"
          },
          "rules": [
            "Three contacts at most, ordered urgent, then reference, then a person",
            "Say when and how fast each one answers — a bare address does not tell anyone which to use",
            "Draw only the three finder squares for the code frame — never a pattern that would actually scan",
            "No request or decision here — that is the previous slide's job"
          ]
        },
        "prompt": {
          "ja": "以下の仕様でスライドを 1 枚作ってください。\n\n- 版面 1920 × 1080\n- 余白 上 120 右 200 下 96 左 200\n\n## 文字（版面 1920px に対する px）\nthanks  72px / 700 / 字間 0.04em / 行送り 1.3\nsub  26px / 400 / 行送り 1.7\ncLabel  20px / 500 / 字間 0.12em\ncValue  30px / 700 / 等幅数字\ncNote  20px / 400 / 行送り 1.6\nfolio  16px / 400 / 等幅数字\n\n## 配色\n地 #111722 / 面 #1A2231 / 文字 #E9EDF4 / 補助 #8894A6 / 強調 #5AA2E8 / 罫 #2B3445\n\n## 外すと崩れる点\n- 連絡先は 3 つまで。並びは「急ぎ → 調べもの → 人」の順\n- 各連絡先に、いつ・どれだけで返るかを添える。宛先だけでは、どれに寄せればよいか決められない\n- 二次元コードの枠は、四隅の位置合わせだけを描く。読み取れる模様を描かない\n- 判断や依頼はここに置かない。それは前の 1 枚の仕事\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/closing-thanks-contact/pattern.html",
          "en": "Produce one slide to the following specification.\n\n- Canvas 1920 × 1080\n- Margin top 120 right 200 bottom 96 left 200\n\n## Type (px against a 1920px canvas)\nthanks  72px / 700 / tracking 0.04em / leading 1.3\nsub  26px / 400 / leading 1.7\ncLabel  20px / 500 / tracking 0.12em\ncValue  30px / 700 / tabular numerals\ncNote  20px / 400 / leading 1.6\nfolio  16px / 400 / tabular numerals\n\n## Colour\nGround #111722 / Surface #1A2231 / Ink #E9EDF4 / Muted #8894A6 / Accent #5AA2E8 / Rule #2B3445\n\n## Constraints — dropping these breaks it\n- Three contacts at most, ordered urgent, then reference, then a person\n- Say when and how fast each one answers — a bare address does not tell anyone which to use\n- Draw only the three finder squares for the code frame — never a pattern that would actually scan\n- No request or decision here — that is the previous slide's job\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/closing-thanks-contact/pattern.html."
        },
        "code": {
          "url": "https://design-vault.pages.dev/designs/closing-thanks-contact/pattern.html",
          "fonts": [
            "https://design-vault.pages.dev/designs/closing-thanks-contact/font.css",
            "https://design-vault.pages.dev/designs/closing-thanks-contact/font-0.woff2",
            "https://design-vault.pages.dev/designs/closing-thanks-contact/font-1.woff2",
            "https://design-vault.pages.dev/designs/closing-thanks-contact/font-2.woff2"
          ]
        }
      }
    }
  ],
  "urls": {
    "ja": "https://design-vault.pages.dev/decks/slide-basics",
    "en": "https://design-vault.pages.dev/en/decks/slide-basics",
    "json": "https://design-vault.pages.dev/ai/decks/slide-basics.json"
  },
  "catalogVersion": 1,
  "designSchemaVersion": 2,
  "notesMarkdown": "## この一式について / About this deck\n\nどんな資料にも出てくるのに、書庫に版が無かった枚を 10 枚で通したもの。題材は架空の\n「問い合わせ窓口の一本化」の社内説明会で、登壇者紹介 → 理由（箇条書き・グラフ・主張と根拠）\n→ 変わること（図版・まとめ）→ お願い（する・しない）→ 想定問答 → 用語集 → 締めの順に並ぶ。\n\n配色は system-project 一式と同じ淡地・濃地の 2 組で、濃地は締めの 1 枚だけ。どの 1 枚も\nsystem-project の 16 枚と差し替えて使える —— 表紙・目次・中扉はそちらから引く。\n\nTen slides every deck needs that the vault had no artboard for, run through one fictional internal\nbriefing: the speaker, the reasons, what changes, what we ask of you, the FAQ, the glossary, and the\nclose. Drawn in the system-project deck's two palettes, with only the closing slide on the dark\nground, so any of them can stand in among those sixteen — take the cover, agenda and dividers from there."
}