{ "id": "deck:training-workshop", "slug": "training-workshop", "title": { "ja": "研修・講義の 6 枚 — 目標から付箋のふりかえりまで、社内研修 90 分", "en": "The Workshop Six — From Objectives to the Sticky-Note Review, One 90-Minute Session" }, "summary": { "ja": "学習目標・用語の定義と例・確認問題・演習の指示・手順書・付箋の壁の 6 枚を、架空の社内研修「はじめての顧客インタビュー」として通す", "en": "Objectives, a concept with examples, a quiz, an exercise brief, a how-to and a sticky-note wall — six slides run through one fictional in-house workshop" }, "count": 6, "slides": [ { "position": 1, "slug": "learning-objectives", "kind": "artboard", "title": { "ja": "学習目標 — この時間でできるようになることを、動詞から 4 つ", "en": "Learning Objectives — Four Things You Will Be Able to Do, Verb First" }, "useCase": "learning", "role": null, "urls": { "ja": "https://design-vault.pages.dev/designs/learning-objectives", "en": "https://design-vault.pages.dev/en/designs/learning-objectives", "json": "https://design-vault.pages.dev/ai/assets/learning-objectives.json", "designJson": "https://design-vault.pages.dev/ai/designs/learning-objectives.json" }, "reproduction": { "spec": { "format": "slide-16x9", "density": "medium", "layout": { "kind": "2-column", "canvas": { "w": 1920, "h": 1080 }, "margin": { "top": 88, "right": 140, "bottom": 56, "left": 140 } }, "type": { "kicker": { "size": 24, "weight": 700, "numeric": "tabular" }, "title": { "size": 54, "weight": 700, "leading": 1.35, "numeric": "tabular" }, "verb": { "size": 34, "weight": 700, "numeric": "tabular" }, "objective": { "size": 32, "weight": 500, "leading": 1.5, "numeric": "tabular" }, "infoLabel": { "size": 22, "weight": 700, "numeric": "tabular" }, "info": { "size": 28, "weight": 500, "leading": 1.5, "numeric": "tabular" }, "folio": { "size": 16, "weight": 400, "numeric": "tabular" } }, "colors": { "ground": "#F5EFE4", "surface": "#FFFBF4", "ink": "#2B2620", "muted": "#776E62", "accent": "#B4502B", "rule": "#E3D9C8" }, "rules": [ "Write objectives with verbs that can be demonstrated — 'understand' cannot be checked", "Pull the verbs into a left column in the accent, so a skim gives all four", "Three or four objectives, revisited at the end of the session", "Audience, duration and materials sit on a separate card" ] }, "prompt": { "ja": "以下の仕様でスライドを 1 枚作ってください。\n\n- 版面 1920 × 1080\n- 余白 上 88 右 140 下 56 左 140\n\n## 文字（版面 1920px に対する px）\nkicker 24px / 700 / 等幅数字\ntitle 54px / 700 / 行送り 1.35 / 等幅数字\nverb 34px / 700 / 等幅数字\nobjective 32px / 500 / 行送り 1.5 / 等幅数字\ninfoLabel 22px / 700 / 等幅数字\ninfo 28px / 500 / 行送り 1.5 / 等幅数字\nfolio 16px / 400 / 等幅数字\n\n## 配色\n地 #F5EFE4 / 面 #FFFBF4 / 文字 #2B2620 / 補助 #776E62 / 強調 #B4502B / 罫 #E3D9C8\n\n## 外すと崩れる点\n- 目標は、やって見せられる動詞で書く。「理解する」「知る」は確かめようがない\n- 動詞を左の列に抜き出し、強調色にする。拾い読みで 4 つが分かる\n- 目標は 3〜4 つ。研修の最後に、同じ 4 つで振り返る\n- 対象・時間・持ち物は札に分け、目標と混ぜない\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/learning-objectives/pattern.html", "en": "Produce one slide to the following specification.\n\n- Canvas 1920 × 1080\n- Margin top 88 right 140 bottom 56 left 140\n\n## Type (px against a 1920px canvas)\nkicker 24px / 700 / tabular numerals\ntitle 54px / 700 / leading 1.35 / tabular numerals\nverb 34px / 700 / tabular numerals\nobjective 32px / 500 / leading 1.5 / tabular numerals\ninfoLabel 22px / 700 / tabular numerals\ninfo 28px / 500 / leading 1.5 / tabular numerals\nfolio 16px / 400 / tabular numerals\n\n## Colour\nGround #F5EFE4 / Surface #FFFBF4 / Ink #2B2620 / Muted #776E62 / Accent #B4502B / Rule #E3D9C8\n\n## Constraints — dropping these breaks it\n- Write objectives with verbs that can be demonstrated — 'understand' cannot be checked\n- Pull the verbs into a left column in the accent, so a skim gives all four\n- Three or four objectives, revisited at the end of the session\n- Audience, duration and materials sit on a separate card\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/learning-objectives/pattern.html." }, "code": { "url": "https://design-vault.pages.dev/designs/learning-objectives/pattern.html", "fonts": [ "https://design-vault.pages.dev/designs/learning-objectives/font.css", "https://design-vault.pages.dev/designs/learning-objectives/font-0.woff2", "https://design-vault.pages.dev/designs/learning-objectives/font-1.woff2", "https://design-vault.pages.dev/designs/learning-objectives/font-2.woff2" ] } } }, { "position": 2, "slug": "concept-definition-examples", "kind": "artboard", "title": { "ja": "概念の定義と例 — 定義、当てはまる例、当てはまらない例を並べる", "en": "Concept, Examples, Non-Examples — A Definition Followed by What Fits and What Doesn't" }, "useCase": "learning", "role": null, "urls": { "ja": "https://design-vault.pages.dev/designs/concept-definition-examples", "en": "https://design-vault.pages.dev/en/designs/concept-definition-examples", "json": "https://design-vault.pages.dev/ai/assets/concept-definition-examples.json", "designJson": "https://design-vault.pages.dev/ai/designs/concept-definition-examples.json" }, "reproduction": { "spec": { "format": "slide-16x9", "density": "medium", "layout": { "kind": "2-column", "canvas": { "w": 1920, "h": 1080 }, "margin": { "top": 88, "right": 140, "bottom": 56, "left": 140 } }, "type": { "kicker": { "size": 24, "weight": 700, "numeric": "tabular" }, "title": { "size": 54, "weight": 700, "leading": 1.35, "numeric": "tabular" }, "term": { "size": 40, "weight": 700, "numeric": "tabular" }, "definition": { "size": 32, "weight": 500, "leading": 1.55, "numeric": "tabular" }, "colHead": { "size": 30, "weight": 700, "numeric": "tabular" }, "example": { "size": 30, "weight": 500, "numeric": "tabular" }, "why": { "size": 22, "weight": 400, "numeric": "tabular" }, "folio": { "size": 16, "weight": 400, "numeric": "tabular" } }, "colors": { "ground": "#F5EFE4", "surface": "#FFFBF4", "ink": "#2B2620", "muted": "#776E62", "accent": "#B4502B", "rule": "#E3D9C8" }, "rules": [ "Always include non-examples — the boundary only shows through what falls outside", "Give each example one line on why it fits or not", "Grey out the non-example side and hollow its mark", "Two lines of definition at most; let the examples carry the rest" ] }, "prompt": { "ja": "以下の仕様でスライドを 1 枚作ってください。\n\n- 版面 1920 × 1080\n- 余白 上 88 右 140 下 56 左 140\n\n## 文字（版面 1920px に対する px）\nkicker 24px / 700 / 等幅数字\ntitle 54px / 700 / 行送り 1.35 / 等幅数字\nterm 40px / 700 / 等幅数字\ndefinition 32px / 500 / 行送り 1.55 / 等幅数字\ncolHead 30px / 700 / 等幅数字\nexample 30px / 500 / 等幅数字\nwhy 22px / 400 / 等幅数字\nfolio 16px / 400 / 等幅数字\n\n## 配色\n地 #F5EFE4 / 面 #FFFBF4 / 文字 #2B2620 / 補助 #776E62 / 強調 #B4502B / 罫 #E3D9C8\n\n## 外すと崩れる点\n- 当てはまらない例を必ず置く。境目は、外れる例でしか伝わらない\n- 例ごとに「なぜ当てはまるか」を 1 行で添える\n- 当てはまらない側は灰色に落とし、印も白抜きにする\n- 定義は 2 行まで。足りない分は例に語らせる\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/concept-definition-examples/pattern.html", "en": "Produce one slide to the following specification.\n\n- Canvas 1920 × 1080\n- Margin top 88 right 140 bottom 56 left 140\n\n## Type (px against a 1920px canvas)\nkicker 24px / 700 / tabular numerals\ntitle 54px / 700 / leading 1.35 / tabular numerals\nterm 40px / 700 / tabular numerals\ndefinition 32px / 500 / leading 1.55 / tabular numerals\ncolHead 30px / 700 / tabular numerals\nexample 30px / 500 / tabular numerals\nwhy 22px / 400 / tabular numerals\nfolio 16px / 400 / tabular numerals\n\n## Colour\nGround #F5EFE4 / Surface #FFFBF4 / Ink #2B2620 / Muted #776E62 / Accent #B4502B / Rule #E3D9C8\n\n## Constraints — dropping these breaks it\n- Always include non-examples — the boundary only shows through what falls outside\n- Give each example one line on why it fits or not\n- Grey out the non-example side and hollow its mark\n- Two lines of definition at most; let the examples carry the rest\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/concept-definition-examples/pattern.html." }, "code": { "url": "https://design-vault.pages.dev/designs/concept-definition-examples/pattern.html", "fonts": [ "https://design-vault.pages.dev/designs/concept-definition-examples/font.css", "https://design-vault.pages.dev/designs/concept-definition-examples/font-0.woff2", "https://design-vault.pages.dev/designs/concept-definition-examples/font-1.woff2", "https://design-vault.pages.dev/designs/concept-definition-examples/font-2.woff2" ] } } }, { "position": 3, "slug": "quiz-four-choices", "kind": "artboard", "title": { "ja": "確認問題 4 択 — 問い 1 行と、同じ大きさの選択肢 4 つ", "en": "Four-Choice Quiz — One Question and Four Equal Choices" }, "useCase": "learning", "role": null, "urls": { "ja": "https://design-vault.pages.dev/designs/quiz-four-choices", "en": "https://design-vault.pages.dev/en/designs/quiz-four-choices", "json": "https://design-vault.pages.dev/ai/assets/quiz-four-choices.json", "designJson": "https://design-vault.pages.dev/ai/designs/quiz-four-choices.json" }, "reproduction": { "spec": { "format": "slide-16x9", "density": "low", "layout": { "kind": "grid", "canvas": { "w": 1920, "h": 1080 }, "margin": { "top": 88, "right": 140, "bottom": 56, "left": 140 } }, "type": { "kicker": { "size": 24, "weight": 700, "numeric": "tabular" }, "title": { "size": 54, "weight": 700, "leading": 1.35, "numeric": "tabular" }, "question": { "size": 40, "weight": 700, "leading": 1.45, "numeric": "tabular" }, "letter": { "size": 36, "weight": 700, "numeric": "tabular" }, "choice": { "size": 32, "weight": 500, "leading": 1.5, "numeric": "tabular" }, "hint": { "size": 24, "weight": 400, "numeric": "tabular" }, "folio": { "size": 16, "weight": 400, "numeric": "tabular" } }, "colors": { "ground": "#F5EFE4", "surface": "#FFFBF4", "ink": "#2B2620", "muted": "#776E62", "accent": "#B4502B", "rule": "#E3D9C8" }, "rules": [ "All choices the same size and style — if the right one is longer, length gives it away", "The answer slide is this layout recoloured, so only the correct choice changes", "State the thinking time and how answers will be checked", "One-sentence question; no conditions hidden in the choices" ] }, "prompt": { "ja": "以下の仕様でスライドを 1 枚作ってください。\n\n- 版面 1920 × 1080\n- 余白 上 88 右 140 下 56 左 140\n\n## 文字（版面 1920px に対する px）\nkicker 24px / 700 / 等幅数字\ntitle 54px / 700 / 行送り 1.35 / 等幅数字\nquestion 40px / 700 / 行送り 1.45 / 等幅数字\nletter 36px / 700 / 等幅数字\nchoice 32px / 500 / 行送り 1.5 / 等幅数字\nhint 24px / 400 / 等幅数字\nfolio 16px / 400 / 等幅数字\n\n## 配色\n地 #F5EFE4 / 面 #FFFBF4 / 文字 #2B2620 / 補助 #776E62 / 強調 #B4502B / 罫 #E3D9C8\n\n## 外すと崩れる点\n- 選択肢は同じ大きさ・同じ書式にする。正解だけ長いと、文の長さで当てられる\n- 答えの枚は同じ版の色違いにする。位置が動かないので、どれが正解かだけが目に入る\n- 考える時間と、答え合わせの仕方を下に書く\n- 問いは 1 文。条件は選択肢に入れない\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/quiz-four-choices/pattern.html", "en": "Produce one slide to the following specification.\n\n- Canvas 1920 × 1080\n- Margin top 88 right 140 bottom 56 left 140\n\n## Type (px against a 1920px canvas)\nkicker 24px / 700 / tabular numerals\ntitle 54px / 700 / leading 1.35 / tabular numerals\nquestion 40px / 700 / leading 1.45 / tabular numerals\nletter 36px / 700 / tabular numerals\nchoice 32px / 500 / leading 1.5 / tabular numerals\nhint 24px / 400 / tabular numerals\nfolio 16px / 400 / tabular numerals\n\n## Colour\nGround #F5EFE4 / Surface #FFFBF4 / Ink #2B2620 / Muted #776E62 / Accent #B4502B / Rule #E3D9C8\n\n## Constraints — dropping these breaks it\n- All choices the same size and style — if the right one is longer, length gives it away\n- The answer slide is this layout recoloured, so only the correct choice changes\n- State the thinking time and how answers will be checked\n- One-sentence question; no conditions hidden in the choices\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/quiz-four-choices/pattern.html." }, "code": { "url": "https://design-vault.pages.dev/designs/quiz-four-choices/pattern.html", "fonts": [ "https://design-vault.pages.dev/designs/quiz-four-choices/font.css", "https://design-vault.pages.dev/designs/quiz-four-choices/font-0.woff2", "https://design-vault.pages.dev/designs/quiz-four-choices/font-1.woff2", "https://design-vault.pages.dev/designs/quiz-four-choices/font-2.woff2" ] } } }, { "position": 4, "slug": "exercise-instructions-timer", "kind": "artboard", "title": { "ja": "演習の指示 — 手順は左、制限時間と作る物は右に大きく", "en": "Exercise Brief — Steps on the Left, Time Limit and Deliverable Large on the Right" }, "useCase": "learning", "role": null, "urls": { "ja": "https://design-vault.pages.dev/designs/exercise-instructions-timer", "en": "https://design-vault.pages.dev/en/designs/exercise-instructions-timer", "json": "https://design-vault.pages.dev/ai/assets/exercise-instructions-timer.json", "designJson": "https://design-vault.pages.dev/ai/designs/exercise-instructions-timer.json" }, "reproduction": { "spec": { "format": "slide-16x9", "density": "medium", "layout": { "kind": "2-column", "canvas": { "w": 1920, "h": 1080 }, "margin": { "top": 88, "right": 140, "bottom": 56, "left": 140 } }, "type": { "kicker": { "size": 24, "weight": 700, "numeric": "tabular" }, "title": { "size": 54, "weight": 700, "leading": 1.35, "numeric": "tabular" }, "stepNo": { "size": 28, "weight": 700, "numeric": "tabular" }, "step": { "size": 32, "weight": 700, "leading": 1.4, "numeric": "tabular" }, "stepNote": { "size": 24, "weight": 400, "numeric": "tabular" }, "timerLabel": { "size": 24, "weight": 500, "numeric": "tabular" }, "timer": { "size": 132, "weight": 700, "tracking": "0.02em", "leading": 1.05, "numeric": "tabular" }, "timerNote": { "size": 22, "weight": 400, "numeric": "tabular" }, "makeLabel": { "size": 22, "weight": 700, "numeric": "tabular" }, "make": { "size": 30, "weight": 700, "leading": 1.45, "numeric": "tabular" }, "folio": { "size": 16, "weight": 400, "numeric": "tabular" } }, "colors": { "ground": "#F5EFE4", "surface": "#FFFBF4", "ink": "#2B2620", "muted": "#776E62", "accent": "#B4502B", "rule": "#E3D9C8" }, "rules": [ "Set the time limit large on a dark panel — it is what people glance back at", "State the deliverable in one sentence — an exercise without a defined output never ends", "Four steps at most, each with a line on the common mistake", "Show how the time splits" ] }, "prompt": { "ja": "以下の仕様でスライドを 1 枚作ってください。\n\n- 版面 1920 × 1080\n- 余白 上 88 右 140 下 56 左 140\n\n## 文字（版面 1920px に対する px）\nkicker 24px / 700 / 等幅数字\ntitle 54px / 700 / 行送り 1.35 / 等幅数字\nstepNo 28px / 700 / 等幅数字\nstep 32px / 700 / 行送り 1.4 / 等幅数字\nstepNote 24px / 400 / 等幅数字\ntimerLabel 24px / 500 / 等幅数字\ntimer 132px / 700 / 字間 0.02em / 行送り 1.05 / 等幅数字\ntimerNote 22px / 400 / 等幅数字\nmakeLabel 22px / 700 / 等幅数字\nmake 30px / 700 / 行送り 1.45 / 等幅数字\nfolio 16px / 400 / 等幅数字\n\n## 配色\n地 #F5EFE4 / 面 #FFFBF4 / 文字 #2B2620 / 補助 #776E62 / 強調 #B4502B / 罫 #E3D9C8\n\n## 外すと崩れる点\n- 制限時間は遠くから読める大きさで、濃い面に置く。演習中に見返されるのはここ\n- 作る物を 1 文で書く。何を作れば終わりかが分からない演習は、終わらない\n- 手順は 4 つまで。各手順に、つまずきやすい点を 1 行添える\n- 時間の内訳（7 分 × 2 回 ＋ 1 分）を書く\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/exercise-instructions-timer/pattern.html", "en": "Produce one slide to the following specification.\n\n- Canvas 1920 × 1080\n- Margin top 88 right 140 bottom 56 left 140\n\n## Type (px against a 1920px canvas)\nkicker 24px / 700 / tabular numerals\ntitle 54px / 700 / leading 1.35 / tabular numerals\nstepNo 28px / 700 / tabular numerals\nstep 32px / 700 / leading 1.4 / tabular numerals\nstepNote 24px / 400 / tabular numerals\ntimerLabel 24px / 500 / tabular numerals\ntimer 132px / 700 / tracking 0.02em / leading 1.05 / tabular numerals\ntimerNote 22px / 400 / tabular numerals\nmakeLabel 22px / 700 / tabular numerals\nmake 30px / 700 / leading 1.45 / tabular numerals\nfolio 16px / 400 / tabular numerals\n\n## Colour\nGround #F5EFE4 / Surface #FFFBF4 / Ink #2B2620 / Muted #776E62 / Accent #B4502B / Rule #E3D9C8\n\n## Constraints — dropping these breaks it\n- Set the time limit large on a dark panel — it is what people glance back at\n- State the deliverable in one sentence — an exercise without a defined output never ends\n- Four steps at most, each with a line on the common mistake\n- Show how the time splits\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/exercise-instructions-timer/pattern.html." }, "code": { "url": "https://design-vault.pages.dev/designs/exercise-instructions-timer/pattern.html", "fonts": [ "https://design-vault.pages.dev/designs/exercise-instructions-timer/font.css", "https://design-vault.pages.dev/designs/exercise-instructions-timer/font-0.woff2", "https://design-vault.pages.dev/designs/exercise-instructions-timer/font-1.woff2", "https://design-vault.pages.dev/designs/exercise-instructions-timer/font-2.woff2" ] } } }, { "position": 5, "slug": "how-to-numbered-screens", "kind": "artboard", "title": { "ja": "手順書 — 番号、画面の縮図、手順の 1 行を横に 4 つ", "en": "How-To — Number, Screen Sketch and One Line, Four Across" }, "useCase": "process", "role": null, "urls": { "ja": "https://design-vault.pages.dev/designs/how-to-numbered-screens", "en": "https://design-vault.pages.dev/en/designs/how-to-numbered-screens", "json": "https://design-vault.pages.dev/ai/assets/how-to-numbered-screens.json", "designJson": "https://design-vault.pages.dev/ai/designs/how-to-numbered-screens.json" }, "reproduction": { "spec": { "format": "slide-16x9", "density": "medium", "layout": { "kind": "timeline", "canvas": { "w": 1920, "h": 1080 }, "margin": { "top": 88, "right": 140, "bottom": 56, "left": 140 }, "columns": { "count": 4, "gap": 40 } }, "type": { "kicker": { "size": 24, "weight": 700, "numeric": "tabular" }, "title": { "size": 54, "weight": 700, "leading": 1.35, "numeric": "tabular" }, "stepNo": { "size": 32, "weight": 700, "numeric": "tabular" }, "step": { "size": 32, "weight": 700, "numeric": "tabular" }, "stepNote": { "size": 22, "weight": 400, "leading": 1.6, "numeric": "tabular" }, "folio": { "size": 16, "weight": 400, "numeric": "tabular" } }, "colors": { "ground": "#F5EFE4", "surface": "#FFFBF4", "ink": "#2B2620", "muted": "#776E62", "accent": "#B4502B", "rule": "#E3D9C8" }, "rules": [ "Sketch screens instead of screenshots, keeping only what the step touches", "Each step is one line ending in a verb, with one grey line of detail", "Join the numbers with a line that stops after the last step", "Four steps per slide; split beyond that" ] }, "prompt": { "ja": "以下の仕様でスライドを 1 枚作ってください。\n\n- 版面 1920 × 1080\n- 余白 上 88 右 140 下 56 左 140\n- 4 カラム（等分）、間隔 40\n\n## 文字（版面 1920px に対する px）\nkicker 24px / 700 / 等幅数字\ntitle 54px / 700 / 行送り 1.35 / 等幅数字\nstepNo 32px / 700 / 等幅数字\nstep 32px / 700 / 等幅数字\nstepNote 22px / 400 / 行送り 1.6 / 等幅数字\nfolio 16px / 400 / 等幅数字\n\n## 配色\n地 #F5EFE4 / 面 #FFFBF4 / 文字 #2B2620 / 補助 #776E62 / 強調 #B4502B / 罫 #E3D9C8\n\n## 外すと崩れる点\n- 縮図は画面写真にせず、手順で触る所だけ形を残す\n- 手順は動詞で終わる 1 行。補足は灰色で 1 行\n- 番号どうしを線でつなぎ、最後の手順の後は線を出さない\n- 手順は 4 つまで。それ以上は 2 枚に分ける\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/how-to-numbered-screens/pattern.html", "en": "Produce one slide to the following specification.\n\n- Canvas 1920 × 1080\n- Margin top 88 right 140 bottom 56 left 140\n- 4 equal columns, gap 40\n\n## Type (px against a 1920px canvas)\nkicker 24px / 700 / tabular numerals\ntitle 54px / 700 / leading 1.35 / tabular numerals\nstepNo 32px / 700 / tabular numerals\nstep 32px / 700 / tabular numerals\nstepNote 22px / 400 / leading 1.6 / tabular numerals\nfolio 16px / 400 / tabular numerals\n\n## Colour\nGround #F5EFE4 / Surface #FFFBF4 / Ink #2B2620 / Muted #776E62 / Accent #B4502B / Rule #E3D9C8\n\n## Constraints — dropping these breaks it\n- Sketch screens instead of screenshots, keeping only what the step touches\n- Each step is one line ending in a verb, with one grey line of detail\n- Join the numbers with a line that stops after the last step\n- Four steps per slide; split beyond that\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/how-to-numbered-screens/pattern.html." }, "code": { "url": "https://design-vault.pages.dev/designs/how-to-numbered-screens/pattern.html", "fonts": [ "https://design-vault.pages.dev/designs/how-to-numbered-screens/font.css", "https://design-vault.pages.dev/designs/how-to-numbered-screens/font-0.woff2", "https://design-vault.pages.dev/designs/how-to-numbered-screens/font-1.woff2", "https://design-vault.pages.dev/designs/how-to-numbered-screens/font-2.woff2" ] } } }, { "position": 6, "slug": "sticky-wall-clusters", "kind": "artboard", "title": { "ja": "付箋の壁 — 意見を色のまとまりで並べ、まとまりに名前を付ける", "en": "Sticky Wall — Notes Grouped by Colour, Each Group Named" }, "useCase": "summary", "role": null, "urls": { "ja": "https://design-vault.pages.dev/designs/sticky-wall-clusters", "en": "https://design-vault.pages.dev/en/designs/sticky-wall-clusters", "json": "https://design-vault.pages.dev/ai/assets/sticky-wall-clusters.json", "designJson": "https://design-vault.pages.dev/ai/designs/sticky-wall-clusters.json" }, "reproduction": { "spec": { "format": "slide-16x9", "density": "medium", "layout": { "kind": "grid", "canvas": { "w": 1920, "h": 1080 }, "margin": { "top": 88, "right": 140, "bottom": 56, "left": 140 }, "columns": { "count": 4, "gap": 32 } }, "type": { "kicker": { "size": 24, "weight": 700, "numeric": "tabular" }, "title": { "size": 54, "weight": 700, "leading": 1.35, "numeric": "tabular" }, "cluster": { "size": 28, "weight": 700, "numeric": "tabular" }, "count": { "size": 20, "weight": 500, "numeric": "tabular" }, "note": { "size": 26, "weight": 500, "leading": 1.5, "numeric": "tabular" }, "folio": { "size": 16, "weight": 400, "numeric": "tabular" } }, "colors": { "ground": "#F5EFE4", "surface": "#FFFBF4", "ink": "#2B2620", "muted": "#776E62", "accent": "#B4502B", "rule": "#E3D9C8", "series": [ "#F2C66B", "#A9CFA4", "#9DC1E3", "#EDB0AA" ] }, "rules": [ "Name groups as problems ('notes can't keep up'), not bare nouns", "Show the count per group, and discuss the largest first", "Rewrite each note to fit one line — never reproduce illegible handwriting", "Colours only distinguish groups; they carry no good-or-bad meaning" ] }, "prompt": { "ja": "以下の仕様でスライドを 1 枚作ってください。\n\n- 版面 1920 × 1080\n- 余白 上 88 右 140 下 56 左 140\n- 4 カラム（等分）、間隔 32\n\n## 文字（版面 1920px に対する px）\nkicker 24px / 700 / 等幅数字\ntitle 54px / 700 / 行送り 1.35 / 等幅数字\ncluster 28px / 700 / 等幅数字\ncount 20px / 500 / 等幅数字\nnote 26px / 500 / 行送り 1.5 / 等幅数字\nfolio 16px / 400 / 等幅数字\n\n## 配色\n地 #F5EFE4 / 面 #FFFBF4 / 文字 #2B2620 / 補助 #776E62 / 強調 #B4502B / 罫 #E3D9C8 / #F2C66B / #A9CFA4 / #9DC1E3 / #EDB0AA\n\n## 外すと崩れる点\n- まとまりの名前は「〜が〜」の悩みの形で書く。「記録」のような名詞だけだと、何が問題か分からない\n- まとまりごとに枚数を添える。多いところから話す\n- 付箋の文は 1 行に収まる長さに直す。読めない手書きを写さない\n- 色はまとまりの区別にだけ使い、良し悪しの意味を持たせない\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/sticky-wall-clusters/pattern.html", "en": "Produce one slide to the following specification.\n\n- Canvas 1920 × 1080\n- Margin top 88 right 140 bottom 56 left 140\n- 4 equal columns, gap 32\n\n## Type (px against a 1920px canvas)\nkicker 24px / 700 / tabular numerals\ntitle 54px / 700 / leading 1.35 / tabular numerals\ncluster 28px / 700 / tabular numerals\ncount 20px / 500 / tabular numerals\nnote 26px / 500 / leading 1.5 / tabular numerals\nfolio 16px / 400 / tabular numerals\n\n## Colour\nGround #F5EFE4 / Surface #FFFBF4 / Ink #2B2620 / Muted #776E62 / Accent #B4502B / Rule #E3D9C8 / #F2C66B / #A9CFA4 / #9DC1E3 / #EDB0AA\n\n## Constraints — dropping these breaks it\n- Name groups as problems ('notes can't keep up'), not bare nouns\n- Show the count per group, and discuss the largest first\n- Rewrite each note to fit one line — never reproduce illegible handwriting\n- Colours only distinguish groups; they carry no good-or-bad meaning\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/sticky-wall-clusters/pattern.html." }, "code": { "url": "https://design-vault.pages.dev/designs/sticky-wall-clusters/pattern.html", "fonts": [ "https://design-vault.pages.dev/designs/sticky-wall-clusters/font.css", "https://design-vault.pages.dev/designs/sticky-wall-clusters/font-0.woff2", "https://design-vault.pages.dev/designs/sticky-wall-clusters/font-1.woff2", "https://design-vault.pages.dev/designs/sticky-wall-clusters/font-2.woff2" ] } } } ], "urls": { "ja": "https://design-vault.pages.dev/decks/training-workshop", "en": "https://design-vault.pages.dev/en/decks/training-workshop", "json": "https://design-vault.pages.dev/ai/decks/training-workshop.json" }, "catalogVersion": 1, "designSchemaVersion": 2, "notesMarkdown": "## この一式について / About this deck\n\n講義を聞く枚より、受講者が手を動かす枚を集めた 6 枚。題材は架空の社内研修「はじめての顧客\nインタビュー」で、目標 → 用語 → 確認問題 → 演習 → 聞いた後の手順 → ふりかえりの順に並ぶ。\n研修の中身・人物・数値はすべて架空。\n\n温かい砂色の地に丸みのある書体。強調色は焼き色の 1 つで、付箋の壁だけがまとまりを見分ける\n4 色を持つ。表紙と締めは、基本の 10 枚から引く。\n\nSix slides where participants do the work rather than listen, run through a fictional in-house\nworkshop on customer interviews. Warm sand ground, rounded type, one terracotta accent; only the\nsticky wall carries four group colours. Take the cover and close from the basic ten." }