{
  "id": "design:closing-thanks-contact",
  "schemaVersion": 2,
  "title": {
    "ja": "締めと連絡先 — 謝辞のあとに、聞きたくなったときの入口を渡す",
    "en": "Closing with Contacts — Thanks, Then a Way In for Later Questions"
  },
  "summary": {
    "ja": "濃地の中央に謝辞を置き、下に連絡先を 3 つと二次元コードの枠を並べる。判断を求めず、連絡の入口だけを渡す",
    "en": "Thanks centred on the dark ground, with three contacts and a code frame below — no request, only a way to get in touch"
  },
  "capturedAt": "2026-10-19",
  "categories": [
    "presentation"
  ],
  "tags": [
    "minimal",
    "bold"
  ],
  "useCases": [
    "contact"
  ],
  "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",
    "series": []
  },
  "rules": [
    {
      "ja": "連絡先は 3 つまで。並びは「急ぎ → 調べもの → 人」の順",
      "en": "Three contacts at most, ordered urgent, then reference, then a person"
    },
    {
      "ja": "各連絡先に、いつ・どれだけで返るかを添える。宛先だけでは、どれに寄せればよいか決められない",
      "en": "Say when and how fast each one answers — a bare address does not tell anyone which to use"
    },
    {
      "ja": "二次元コードの枠は、四隅の位置合わせだけを描く。読み取れる模様を描かない",
      "en": "Draw only the three finder squares for the code frame — never a pattern that would actually scan"
    },
    {
      "ja": "判断や依頼はここに置かない。それは前の 1 枚の仕事",
      "en": "No request or decision here — that is the previous slide's job"
    }
  ],
  "cover": "https://design-vault.pages.dev/_astro/cover.Df4pg5jW.png",
  "assets": [],
  "shortlist": false,
  "status": "published",
  "relations": {
    "similar": [
      "closing-decision-request",
      "speaker-profile-portrait",
      "cover-a4-centered-subject"
    ]
  },
  "license": "Original",
  "publishedAt": null,
  "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": {
      "html": "<!doctype html>\n<meta charset=\"utf-8\">\n<title>締めと連絡先 — 謝辞のあとに、聞きたくなったときの入口を渡す</title>\n<meta name=\"dv-font\" content=\"Zen Kaku Gothic New:400;500;700\">\n<link rel=\"stylesheet\" href=\"./font.css\">\n<style>\n  /* この版そのもの。index.md の layout / type / colors は、この HTML を\n     scripts/render-pattern.mjs で実測した結果であって、別に書いた説明ではない。 */\n  :root {\n    --ground: #111722;\n    --surface: #1A2231;\n    --ink: #E9EDF4;\n    --muted: #8894A6;\n    --accent: #5AA2E8;\n    --rule: #2B3445;\n  }\n  * { box-sizing: border-box; margin: 0; }\n  html, body { width: 1920px; height: 1080px; }\n  body { font-family: \"Zen Kaku Gothic New\", \"IPAGothic\", sans-serif; }\n\n  .artboard {\n    width: 1920px; height: 1080px;\n    background: var(--ground); color: var(--ink);\n    padding: 120px 200px 96px;            /* → layout.margin */\n  }\n  .content { height: 100%; display: grid; grid-template-rows: 1fr auto auto; justify-items: center; row-gap: 56px; }\n\n  .head { align-self: center; text-align: center; }\n  .thanks { font-size: 72px; font-weight: 700; letter-spacing: .04em; line-height: 1.3; }\n  .sub { font-size: 26px; font-weight: 400; color: var(--muted); margin-top: 28px; line-height: 1.7; }\n\n  /* 連絡先は 3 つまで。並びは「急ぎ → 調べもの → 人」の順 */\n  .contacts { width: 100%; display: grid; grid-template-columns: repeat(3, 1fr) 200px; column-gap: 2px; background: var(--rule); }\n  .card { background: var(--surface); padding: 36px 40px; }\n  .cLabel { font-size: 20px; font-weight: 500; letter-spacing: .12em; color: var(--accent); }\n  .cValue { font-size: 30px; font-weight: 700; margin-top: 14px; font-variant-numeric: tabular-nums; }\n  .cNote { font-size: 20px; font-weight: 400; color: var(--muted); margin-top: 10px; line-height: 1.6; }\n  /* 二次元コードの差し替え枠。読み取れる模様は描かず、四隅の位置合わせだけを示す */\n  .code { background: var(--surface); display: grid; place-items: center; }\n\n  .folio { width: 100%; display: flex; justify-content: space-between; border-top: 1px solid var(--rule); padding-top: 20px;\n           font-size: 16px; font-weight: 400; color: var(--muted); font-variant-numeric: tabular-nums; }\n</style>\n\n<div class=\"artboard\" data-artboard>\n  <div class=\"content\" data-content>\n    <div class=\"head\">\n      <h1 class=\"thanks\" data-type=\"thanks\">ご清聴ありがとうございました</h1>\n      <p class=\"sub\" data-type=\"sub\">説明会のあとに出てきた疑問は、下のどれかに寄せてください。</p>\n    </div>\n\n    <div class=\"contacts\">\n      <div class=\"card\">\n        <p class=\"cLabel\" data-type=\"cLabel\">急ぎの相談</p>\n        <p class=\"cValue\" data-type=\"cValue\">内線 4120</p>\n        <p class=\"cNote\" data-type=\"cNote\">平日 9:00〜18:00　佐伯まで</p>\n      </div>\n      <div class=\"card\">\n        <p class=\"cLabel\">質問・意見</p>\n        <p class=\"cValue\">#窓口一本化</p>\n        <p class=\"cNote\">社内チャット。回答は 1 営業日以内</p>\n      </div>\n      <div class=\"card\">\n        <p class=\"cLabel\">今日の資料</p>\n        <p class=\"cValue\">社内ポータル ＞ CS</p>\n        <p class=\"cNote\">録画と FAQ も同じ場所に置きます</p>\n      </div>\n      <div class=\"code\">\n        <svg width=\"132\" height=\"132\" viewBox=\"0 0 132 132\" aria-hidden=\"true\">\n          <rect x=\"1\" y=\"1\" width=\"130\" height=\"130\" fill=\"none\" stroke=\"var(--rule)\" stroke-width=\"2\"/>\n          <g fill=\"none\" stroke=\"var(--ink)\" stroke-width=\"6\">\n            <rect x=\"14\" y=\"14\" width=\"30\" height=\"30\"/><rect x=\"88\" y=\"14\" width=\"30\" height=\"30\"/><rect x=\"14\" y=\"88\" width=\"30\" height=\"30\"/>\n          </g>\n        </svg>\n      </div>\n    </div>\n\n    <div class=\"folio\" data-type=\"folio\"><span>問い合わせ窓口の一本化 ／ 社内説明会</span><span>10 / 10</span></div>\n  </div>\n</div>\n",
      "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/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"
  },
  "notesMarkdown": "## この構成について / About this pattern\n\n出典を持たない自作パターン。**`pattern.html` が版そのもの**で、`cover.png` と frontmatter の\n`layout` / `type` / `colors` はどちらもそこから機械的に測った結果。一式「基本の 10 枚」の 1 枚で、\n配色は system-project 一式の淡地・濃地と同じ 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 ten basic slides, drawn in the\nsame two palettes as the system-project deck so the two can be mixed.\n\n### Techniques\n\n- 連絡先の 3 枚と枠を 2px の隙間で 1 つの帯に見せる\n- 謝辞は 72px。資料の中でいちばん大きい文字にして、終わりの合図にする\n- 濃地は system-project 一式の濃地と同じ配色\n\n### Apply to\n\n- 説明会・登壇の最後の 1 枚\n- 社外向け資料の裏表紙（連絡先を窓口と Web に替える）",
  "slug": "closing-thanks-contact",
  "kind": "artboard",
  "catalogVersion": 1,
  "designSchemaVersion": 2,
  "capabilities": [
    "view-artboard",
    "read-spec",
    "copy-prompt",
    "get-code"
  ],
  "reusePolicy": "construction-reuse"
}