{ "id": "exercise-instructions-timer", "schemaVersion": 2, "title": { "ja": "演習の指示 — 手順は左、制限時間と作る物は右に大きく", "en": "Exercise Brief — Steps on the Left, Time Limit and Deliverable Large on the Right" }, "summary": { "ja": "演習の手順を番号つきで左に、制限時間を濃い面に大きく、作る物を枠の札に右へ置く。演習中ずっと映しておく前提の 1 枚", "en": "Numbered steps on the left; the time limit large on a dark panel and the deliverable on an outlined card at the right — made to stay on screen throughout" }, "capturedAt": "2026-10-19", "categories": [ "presentation" ], "tags": [ "bold", "typography" ], "useCases": [ "learning" ], "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", "series": [] }, "rules": [ { "ja": "制限時間は遠くから読める大きさで、濃い面に置く。演習中に見返されるのはここ", "en": "Set the time limit large on a dark panel — it is what people glance back at" }, { "ja": "作る物を 1 文で書く。何を作れば終わりかが分からない演習は、終わらない", "en": "State the deliverable in one sentence — an exercise without a defined output never ends" }, { "ja": "手順は 4 つまで。各手順に、つまずきやすい点を 1 行添える", "en": "Four steps at most, each with a line on the common mistake" }, { "ja": "時間の内訳（7 分 × 2 回 ＋ 1 分）を書く", "en": "Show how the time splits" } ], "cover": "https://design-vault.pages.dev/_astro/cover.Ds6y3UEt.png", "assets": [], "shortlist": false, "status": "published", "relations": { "similar": [ "process-flow-five-step", "schedule-table-weekly", "next-action-owner-date" ] }, "license": "Original", "publishedAt": null, "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": { "html": "\n\n演習の指示 — 手順は左、制限時間と作る物は右に大きく\n\n\n\n\n
\n
\n
\n

演習 1　ペアで聞く

\n

相手の最近の買い物を、場面から聞き出す

\n
\n
\n
    \n
  1. 1

    ペアになり、聞く側と話す側を決める

    話す側は、最近の買い物を 1 つ思い浮かべる

    2. \n
  2. 2

    聞く側は、その買い物の場面を聞き出す

    「なぜ」より「そのとき何をしたか」を先に聞く

    3. \n
  3. 3

    聞きながら、発言をそのまま付箋に書く

    自分の解釈は書かない。1 枚に 1 つの発言

    4. \n
  4. 4

    7 分で交代し、同じことを繰り返す

    最後の 1 分で、付箋の数を数える

    5. \n
\n
\n

制限時間

15:00

7 分 × 2 回 ＋ 数える 1 分

\n

作る物

1 人あたり付箋 10 枚以上の発言の記録

\n
\n
\n
\n

はじめての顧客インタビュー　社内研修

\n

05

\n
\n
\n
\n", "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" ] } }, "urls": { "ja": "https://design-vault.pages.dev/designs/exercise-instructions-timer", "en": "https://design-vault.pages.dev/en/designs/exercise-instructions-timer" }, "notesMarkdown": "## この構成について / About this pattern\n\n出典を持たない自作パターン。**`pattern.html` が版そのもの**で、`cover.png` と frontmatter の\n`layout` / `type` / `colors` はどちらもそこから機械的に測った結果。一式「研修・講義」の\n1 枚で、架空の社内研修「はじめての顧客インタビュー」として描いてある。研修の中身・人物・数値はすべて架空。\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 six training slides, drawn as a\nfictional in-house workshop on customer interviews; its content, people and figures are invented.\n\n### Techniques\n\n- 1fr と 520px の 2 列\n- 時間は 132px、墨の面に地の色\n- 手順の番号は強調色の丸\n\n### Apply to\n\n- 研修・ワークショップの演習の説明\n- 会議の中の作業時間の指示" }