{ "id": "deck:company-recruiting", "slug": "company-recruiting", "title": { "ja": "会社紹介・採用の 7 枚 — 理念から選考の流れまで、会社説明会 1 回ぶん", "en": "The Company Seven — From the Mission to the Hiring Steps, One Recruiting Session" }, "summary": { "ja": "縦組みの理念・理念の体系・数字で見る会社・沿革・社員の声・ある 1 日・選考の流れの 7 枚を、架空の会社の採用説明として通す", "en": "A vertical mission line, mission-vision-values, the company in numbers, history, an employee voice, a day in the life and the hiring steps — seven slides run through one fictional recruiting session" }, "count": 7, "slides": [ { "position": 1, "slug": "mission-vertical-statement", "kind": "artboard", "title": { "ja": "理念 — 縦組みの明朝で、1 文だけを置く", "en": "Mission — One Sentence, Set Vertically in Serif" }, "useCase": "mission", "role": null, "urls": { "ja": "https://design-vault.pages.dev/designs/mission-vertical-statement", "en": "https://design-vault.pages.dev/en/designs/mission-vertical-statement", "json": "https://design-vault.pages.dev/ai/assets/mission-vertical-statement.json", "designJson": "https://design-vault.pages.dev/ai/designs/mission-vertical-statement.json" }, "reproduction": { "spec": { "format": "slide-16x9", "density": "low", "layout": { "kind": "centered", "canvas": { "w": 1920, "h": 1080 }, "margin": { "top": 88, "right": 140, "bottom": 56, "left": 140 } }, "type": { "label": { "size": 24, "weight": 700, "tracking": "0.3em", "numeric": "tabular" }, "statement": { "size": 84, "weight": 700, "tracking": "0.08em", "leading": 1.7, "numeric": "tabular" }, "company": { "size": 22, "weight": 400, "numeric": "tabular" } }, "colors": { "ground": "#FFFFFF", "surface": "#F4F3F0", "ink": "#16181D", "muted": "#686C74", "accent": "#D9411F", "rule": "#E0DED8" }, "rules": [ "Vertical setting is for the mission line alone — its meaning comes from breaking the horizontal pages around it", "Two columns at most, about nine characters each — longer columns wrap off the page", "No digits or Latin letters — they turn sideways in vertical text", "The only ornament is the vertical rule by the label" ] }, "prompt": { "ja": "以下の仕様でスライドを 1 枚作ってください。\n\n- 版面 1920 × 1080\n- 余白 上 88 右 140 下 56 左 140\n\n## 文字（版面 1920px に対する px）\nlabel 24px / 700 / 字間 0.3em / 等幅数字\nstatement 84px / 700 / 字間 0.08em / 行送り 1.7 / 等幅数字\ncompany 22px / 400 / 等幅数字\n\n## 配色\n地 #FFFFFF / 面 #F4F3F0 / 文字 #16181D / 補助 #686C74 / 強調 #D9411F / 罫 #E0DED8\n\n## 外すと崩れる点\n- 縦組みは理念の 1 文にだけ使う。ほかの頁が横組みだから、ここで読み方が変わることに意味がある\n- 文は 2 行まで、1 行 9 字前後。縦に長い行は版面に収まらず折り返す\n- 数字や英字を入れない。縦組みで横倒しになる\n- 飾りは見出しの縦線 1 本だけ\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/mission-vertical-statement/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)\nlabel 24px / 700 / tracking 0.3em / tabular numerals\nstatement 84px / 700 / tracking 0.08em / leading 1.7 / tabular numerals\ncompany 22px / 400 / tabular numerals\n\n## Colour\nGround #FFFFFF / Surface #F4F3F0 / Ink #16181D / Muted #686C74 / Accent #D9411F / Rule #E0DED8\n\n## Constraints — dropping these breaks it\n- Vertical setting is for the mission line alone — its meaning comes from breaking the horizontal pages around it\n- Two columns at most, about nine characters each — longer columns wrap off the page\n- No digits or Latin letters — they turn sideways in vertical text\n- The only ornament is the vertical rule by the label\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/mission-vertical-statement/pattern.html." }, "code": { "url": "https://design-vault.pages.dev/designs/mission-vertical-statement/pattern.html", "fonts": [ "https://design-vault.pages.dev/designs/mission-vertical-statement/font.css", "https://design-vault.pages.dev/designs/mission-vertical-statement/font-0.woff2", "https://design-vault.pages.dev/designs/mission-vertical-statement/font-1.woff2", "https://design-vault.pages.dev/designs/mission-vertical-statement/font-2.woff2", "https://design-vault.pages.dev/designs/mission-vertical-statement/font-3.woff2" ] } } }, { "position": 2, "slug": "vision-values-three-tiers", "kind": "artboard", "title": { "ja": "ミッション・ビジョン・バリュー — 3 段で、上ほど大きく短く", "en": "Mission, Vision, Values — Three Tiers, Larger and Shorter Toward the Top" }, "useCase": "mission", "role": null, "urls": { "ja": "https://design-vault.pages.dev/designs/vision-values-three-tiers", "en": "https://design-vault.pages.dev/en/designs/vision-values-three-tiers", "json": "https://design-vault.pages.dev/ai/assets/vision-values-three-tiers.json", "designJson": "https://design-vault.pages.dev/ai/designs/vision-values-three-tiers.json" }, "reproduction": { "spec": { "format": "slide-16x9", "density": "medium", "layout": { "kind": "stack", "canvas": { "w": 1920, "h": 1080 }, "margin": { "top": 88, "right": 140, "bottom": 56, "left": 140 } }, "type": { "kicker": { "size": 22, "weight": 700, "tracking": "0.16em", "numeric": "tabular" }, "title": { "size": 54, "weight": 700, "leading": 1.35, "numeric": "tabular" }, "tierLabel": { "size": 22, "weight": 700, "tracking": "0.1em", "numeric": "tabular" }, "mission": { "size": 56, "weight": 700, "numeric": "tabular" }, "vision": { "size": 38, "weight": 700, "leading": 1.5, "numeric": "tabular" }, "valueHead": { "size": 30, "weight": 700, "numeric": "tabular" }, "valueBody": { "size": 22, "weight": 400, "leading": 1.6, "numeric": "tabular" }, "folio": { "size": 16, "weight": 400, "numeric": "tabular" } }, "colors": { "ground": "#FFFFFF", "surface": "#F4F3F0", "ink": "#16181D", "muted": "#686C74", "accent": "#D9411F", "rule": "#E0DED8" }, "rules": [ "Higher tiers are larger and shorter — the less it changes, the bigger it is", "Give the vision a year and a number, or it blurs into the mission", "Three values, each a heading and one line of restatement", "Latin labels small; the Japanese label leads" ] }, "prompt": { "ja": "以下の仕様でスライドを 1 枚作ってください。\n\n- 版面 1920 × 1080\n- 余白 上 88 右 140 下 56 左 140\n\n## 文字（版面 1920px に対する px）\nkicker 22px / 700 / 字間 0.16em / 等幅数字\ntitle 54px / 700 / 行送り 1.35 / 等幅数字\ntierLabel 22px / 700 / 字間 0.1em / 等幅数字\nmission 56px / 700 / 等幅数字\nvision 38px / 700 / 行送り 1.5 / 等幅数字\nvalueHead 30px / 700 / 等幅数字\nvalueBody 22px / 400 / 行送り 1.6 / 等幅数字\nfolio 16px / 400 / 等幅数字\n\n## 配色\n地 #FFFFFF / 面 #F4F3F0 / 文字 #16181D / 補助 #686C74 / 強調 #D9411F / 罫 #E0DED8\n\n## 外すと崩れる点\n- 上の段ほど大きく短く。変わりにくいものほど大きい\n- ビジョンには年と数字を入れる。数字の無いビジョンは使命と区別がつかない\n- 大事にすることは 3 つ、見出し 1 行と言い換え 1 行\n- 英字の見出し（MISSION など）は小さく、日本語の見出しを主にする\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/vision-values-three-tiers/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 22px / 700 / tracking 0.16em / tabular numerals\ntitle 54px / 700 / leading 1.35 / tabular numerals\ntierLabel 22px / 700 / tracking 0.1em / tabular numerals\nmission 56px / 700 / tabular numerals\nvision 38px / 700 / leading 1.5 / tabular numerals\nvalueHead 30px / 700 / tabular numerals\nvalueBody 22px / 400 / leading 1.6 / tabular numerals\nfolio 16px / 400 / tabular numerals\n\n## Colour\nGround #FFFFFF / Surface #F4F3F0 / Ink #16181D / Muted #686C74 / Accent #D9411F / Rule #E0DED8\n\n## Constraints — dropping these breaks it\n- Higher tiers are larger and shorter — the less it changes, the bigger it is\n- Give the vision a year and a number, or it blurs into the mission\n- Three values, each a heading and one line of restatement\n- Latin labels small; the Japanese label leads\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/vision-values-three-tiers/pattern.html." }, "code": { "url": "https://design-vault.pages.dev/designs/vision-values-three-tiers/pattern.html", "fonts": [ "https://design-vault.pages.dev/designs/vision-values-three-tiers/font.css", "https://design-vault.pages.dev/designs/vision-values-three-tiers/font-0.woff2", "https://design-vault.pages.dev/designs/vision-values-three-tiers/font-1.woff2", "https://design-vault.pages.dev/designs/vision-values-three-tiers/font-2.woff2" ] } } }, { "position": 3, "slug": "company-facts-infographic", "kind": "artboard", "title": { "ja": "数字で見る会社 — 7 つの数字に、伝えたい順の大小をつける", "en": "Company in Numbers — Seven Figures, Sized by What Matters Most" }, "useCase": "kpi", "role": null, "urls": { "ja": "https://design-vault.pages.dev/designs/company-facts-infographic", "en": "https://design-vault.pages.dev/en/designs/company-facts-infographic", "json": "https://design-vault.pages.dev/ai/assets/company-facts-infographic.json", "designJson": "https://design-vault.pages.dev/ai/designs/company-facts-infographic.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 } }, "type": { "kicker": { "size": 22, "weight": 700, "tracking": "0.16em", "numeric": "tabular" }, "title": { "size": 54, "weight": 700, "leading": 1.35, "numeric": "tabular" }, "factLabel": { "size": 24, "weight": 700, "numeric": "tabular" }, "factBig": { "size": 180, "weight": 700, "tracking": "-0.01em", "leading": 1, "numeric": "tabular" }, "factNote": { "size": 22, "weight": 400, "leading": 1.6, "numeric": "tabular" }, "factValue": { "size": 80, "weight": 700, "tracking": "-0.01em", "leading": 1, "numeric": "tabular" }, "note": { "size": 20, "weight": 400, "numeric": "tabular" }, "folio": { "size": 16, "weight": 400, "numeric": "tabular" } }, "colors": { "ground": "#FFFFFF", "surface": "#F4F3F0", "ink": "#16181D", "muted": "#686C74", "accent": "#D9411F", "rule": "#E0DED8" }, "rules": [ "Enlarge one figure only — at equal size, none is remembered", "Give the big figure its meaning (four times in five years)", "Units at a third of the figure's size, aligned to its baseline", "Always state the as-of date" ] }, "prompt": { "ja": "以下の仕様でスライドを 1 枚作ってください。\n\n- 版面 1920 × 1080\n- 余白 上 88 右 140 下 56 左 140\n\n## 文字（版面 1920px に対する px）\nkicker 22px / 700 / 字間 0.16em / 等幅数字\ntitle 54px / 700 / 行送り 1.35 / 等幅数字\nfactLabel 24px / 700 / 等幅数字\nfactBig 180px / 700 / 字間 -0.01em / 行送り 1 / 等幅数字\nfactNote 22px / 400 / 行送り 1.6 / 等幅数字\nfactValue 80px / 700 / 字間 -0.01em / 行送り 1 / 等幅数字\nnote 20px / 400 / 等幅数字\nfolio 16px / 400 / 等幅数字\n\n## 配色\n地 #FFFFFF / 面 #F4F3F0 / 文字 #16181D / 補助 #686C74 / 強調 #D9411F / 罫 #E0DED8\n\n## 外すと崩れる点\n- 大きくする数字は 1 つだけ。全部を同じ大きさにすると、どれも覚えられない\n- 大きな数字には意味の補足（5 年で 4 倍）を添える\n- 単位は数字の 1/3 の大きさで、下端を揃える\n- 時点を必ず書く\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/company-facts-infographic/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 22px / 700 / tracking 0.16em / tabular numerals\ntitle 54px / 700 / leading 1.35 / tabular numerals\nfactLabel 24px / 700 / tabular numerals\nfactBig 180px / 700 / tracking -0.01em / leading 1 / tabular numerals\nfactNote 22px / 400 / leading 1.6 / tabular numerals\nfactValue 80px / 700 / tracking -0.01em / leading 1 / tabular numerals\nnote 20px / 400 / tabular numerals\nfolio 16px / 400 / tabular numerals\n\n## Colour\nGround #FFFFFF / Surface #F4F3F0 / Ink #16181D / Muted #686C74 / Accent #D9411F / Rule #E0DED8\n\n## Constraints — dropping these breaks it\n- Enlarge one figure only — at equal size, none is remembered\n- Give the big figure its meaning (four times in five years)\n- Units at a third of the figure's size, aligned to its baseline\n- Always state the as-of date\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/company-facts-infographic/pattern.html." }, "code": { "url": "https://design-vault.pages.dev/designs/company-facts-infographic/pattern.html", "fonts": [ "https://design-vault.pages.dev/designs/company-facts-infographic/font.css", "https://design-vault.pages.dev/designs/company-facts-infographic/font-0.woff2", "https://design-vault.pages.dev/designs/company-facts-infographic/font-1.woff2", "https://design-vault.pages.dev/designs/company-facts-infographic/font-2.woff2" ] } } }, { "position": 4, "slug": "history-era-bands", "kind": "artboard", "title": { "ja": "沿革 — 年代ごとの帯の下に、その時期の出来事を 2 つ", "en": "History — Era Bands, With Two Events Under Each" }, "useCase": "roadmap", "role": null, "urls": { "ja": "https://design-vault.pages.dev/designs/history-era-bands", "en": "https://design-vault.pages.dev/en/designs/history-era-bands", "json": "https://design-vault.pages.dev/ai/assets/history-era-bands.json", "designJson": "https://design-vault.pages.dev/ai/designs/history-era-bands.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": 3, "gap": 8 } }, "type": { "kicker": { "size": 22, "weight": 700, "tracking": "0.16em", "numeric": "tabular" }, "title": { "size": 54, "weight": 700, "leading": 1.35, "numeric": "tabular" }, "era": { "size": 34, "weight": 700, "numeric": "tabular" }, "eraYears": { "size": 24, "weight": 500, "numeric": "tabular" }, "eraTheme": { "size": 28, "weight": 700, "numeric": "tabular" }, "year": { "size": 24, "weight": 700, "numeric": "tabular" }, "event": { "size": 24, "weight": 400, "leading": 1.6, "numeric": "tabular" }, "folio": { "size": 16, "weight": 400, "numeric": "tabular" } }, "colors": { "ground": "#FFFFFF", "surface": "#F4F3F0", "ink": "#16181D", "muted": "#686C74", "accent": "#D9411F", "rule": "#E0DED8" }, "rules": [ "Group into three eras, each with a one-line theme — not a list of events", "Two events per era, chosen for having a number", "Bands get paler into the past; only the current era is accented", "Years in a tabular column" ] }, "prompt": { "ja": "以下の仕様でスライドを 1 枚作ってください。\n\n- 版面 1920 × 1080\n- 余白 上 88 右 140 下 56 左 140\n- 3 カラム（等分）、間隔 8\n\n## 文字（版面 1920px に対する px）\nkicker 22px / 700 / 字間 0.16em / 等幅数字\ntitle 54px / 700 / 行送り 1.35 / 等幅数字\nera 34px / 700 / 等幅数字\neraYears 24px / 500 / 等幅数字\neraTheme 28px / 700 / 等幅数字\nyear 24px / 700 / 等幅数字\nevent 24px / 400 / 行送り 1.6 / 等幅数字\nfolio 16px / 400 / 等幅数字\n\n## 配色\n地 #FFFFFF / 面 #F4F3F0 / 文字 #16181D / 補助 #686C74 / 強調 #D9411F / 罫 #E0DED8\n\n## 外すと崩れる点\n- 年代は 3 つにまとめ、それぞれに主題を 1 行付ける。出来事の羅列にしない\n- 出来事は年代ごとに 2 つ。数字のある出来事を選ぶ\n- 帯は過去ほど淡く、今いる年代だけ強調色\n- 年は等幅数字で列に揃える\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/history-era-bands/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- 3 equal columns, gap 8\n\n## Type (px against a 1920px canvas)\nkicker 22px / 700 / tracking 0.16em / tabular numerals\ntitle 54px / 700 / leading 1.35 / tabular numerals\nera 34px / 700 / tabular numerals\neraYears 24px / 500 / tabular numerals\neraTheme 28px / 700 / tabular numerals\nyear 24px / 700 / tabular numerals\nevent 24px / 400 / leading 1.6 / tabular numerals\nfolio 16px / 400 / tabular numerals\n\n## Colour\nGround #FFFFFF / Surface #F4F3F0 / Ink #16181D / Muted #686C74 / Accent #D9411F / Rule #E0DED8\n\n## Constraints — dropping these breaks it\n- Group into three eras, each with a one-line theme — not a list of events\n- Two events per era, chosen for having a number\n- Bands get paler into the past; only the current era is accented\n- Years in a tabular column\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/history-era-bands/pattern.html." }, "code": { "url": "https://design-vault.pages.dev/designs/history-era-bands/pattern.html", "fonts": [ "https://design-vault.pages.dev/designs/history-era-bands/font.css", "https://design-vault.pages.dev/designs/history-era-bands/font-0.woff2", "https://design-vault.pages.dev/designs/history-era-bands/font-1.woff2", "https://design-vault.pages.dev/designs/history-era-bands/font-2.woff2" ] } } }, { "position": 5, "slug": "employee-voice-portrait", "kind": "artboard", "title": { "ja": "社員の声 — 顔写真の枠と、一問一答を 3 つ", "en": "Employee Voice — A Portrait Frame and Three Short Q&As" }, "useCase": "people", "role": null, "urls": { "ja": "https://design-vault.pages.dev/designs/employee-voice-portrait", "en": "https://design-vault.pages.dev/en/designs/employee-voice-portrait", "json": "https://design-vault.pages.dev/ai/assets/employee-voice-portrait.json", "designJson": "https://design-vault.pages.dev/ai/designs/employee-voice-portrait.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": 22, "weight": 700, "tracking": "0.16em", "numeric": "tabular" }, "title": { "size": 54, "weight": 700, "leading": 1.35, "numeric": "tabular" }, "name": { "size": 36, "weight": 700, "numeric": "tabular" }, "role": { "size": 22, "weight": 400, "numeric": "tabular" }, "question": { "size": 24, "weight": 700, "numeric": "tabular" }, "answer": { "size": 34, "weight": 500, "leading": 1.6, "numeric": "tabular" }, "folio": { "size": 16, "weight": 400, "numeric": "tabular" } }, "colors": { "ground": "#FFFFFF", "surface": "#F4F3F0", "ink": "#16181D", "muted": "#686C74", "accent": "#D9411F", "rule": "#E0DED8" }, "rules": [ "Lift a line from the answers into the headline — 'employee interview' gives no reason to read", "One concrete sentence per answer in the person's own words, not marketing copy", "Portrait frame 4:5 with the eyes on the upper third; until a photo exists, shapes mark head and shoulders", "Three questions: why, what, and a moment that mattered" ] }, "prompt": { "ja": "以下の仕様でスライドを 1 枚作ってください。\n\n- 版面 1920 × 1080\n- 余白 上 88 右 140 下 56 左 140\n\n## 文字（版面 1920px に対する px）\nkicker 22px / 700 / 字間 0.16em / 等幅数字\ntitle 54px / 700 / 行送り 1.35 / 等幅数字\nname 36px / 700 / 等幅数字\nrole 22px / 400 / 等幅数字\nquestion 24px / 700 / 等幅数字\nanswer 34px / 500 / 行送り 1.6 / 等幅数字\nfolio 16px / 400 / 等幅数字\n\n## 配色\n地 #FFFFFF / 面 #F4F3F0 / 文字 #16181D / 補助 #686C74 / 強調 #D9411F / 罫 #E0DED8\n\n## 外すと崩れる点\n- 見出しに答えの中の一言を引く。「社員インタビュー」では読む理由にならない\n- 答えは 1 文、本人の言葉で具体的に。会社の宣伝文句にしない\n- 顔写真の枠は 4:5、目の高さを上から 1/3。写真が無いうちは頭と肩の位置だけを面で示す\n- 問いは 3 つ。理由・仕事・うれしかったこと\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/employee-voice-portrait/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 22px / 700 / tracking 0.16em / tabular numerals\ntitle 54px / 700 / leading 1.35 / tabular numerals\nname 36px / 700 / tabular numerals\nrole 22px / 400 / tabular numerals\nquestion 24px / 700 / tabular numerals\nanswer 34px / 500 / leading 1.6 / tabular numerals\nfolio 16px / 400 / tabular numerals\n\n## Colour\nGround #FFFFFF / Surface #F4F3F0 / Ink #16181D / Muted #686C74 / Accent #D9411F / Rule #E0DED8\n\n## Constraints — dropping these breaks it\n- Lift a line from the answers into the headline — 'employee interview' gives no reason to read\n- One concrete sentence per answer in the person's own words, not marketing copy\n- Portrait frame 4:5 with the eyes on the upper third; until a photo exists, shapes mark head and shoulders\n- Three questions: why, what, and a moment that mattered\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/employee-voice-portrait/pattern.html." }, "code": { "url": "https://design-vault.pages.dev/designs/employee-voice-portrait/pattern.html", "fonts": [ "https://design-vault.pages.dev/designs/employee-voice-portrait/font.css", "https://design-vault.pages.dev/designs/employee-voice-portrait/font-0.woff2", "https://design-vault.pages.dev/designs/employee-voice-portrait/font-1.woff2", "https://design-vault.pages.dev/designs/employee-voice-portrait/font-2.woff2" ] } } }, { "position": 6, "slug": "day-schedule-timeline", "kind": "artboard", "title": { "ja": "ある 1 日 — 時刻の縦軸に、その時間にしていることを並べる", "en": "A Day in the Life — What Happens When, Down a Time Axis" }, "useCase": "people", "role": null, "urls": { "ja": "https://design-vault.pages.dev/designs/day-schedule-timeline", "en": "https://design-vault.pages.dev/en/designs/day-schedule-timeline", "json": "https://design-vault.pages.dev/ai/assets/day-schedule-timeline.json", "designJson": "https://design-vault.pages.dev/ai/designs/day-schedule-timeline.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 } }, "type": { "kicker": { "size": 22, "weight": 700, "tracking": "0.16em", "numeric": "tabular" }, "title": { "size": 54, "weight": 700, "leading": 1.35, "numeric": "tabular" }, "time": { "size": 26, "weight": 700, "numeric": "tabular" }, "item": { "size": 28, "weight": 700, "numeric": "tabular" }, "itemNote": { "size": 22, "weight": 400, "numeric": "tabular" }, "sideLabel": { "size": 22, "weight": 700, "numeric": "tabular" }, "side": { "size": 28, "weight": 500, "leading": 1.6, "numeric": "tabular" }, "sideWho": { "size": 22, "weight": 400, "numeric": "tabular" }, "folio": { "size": 16, "weight": 400, "numeric": "tabular" } }, "colors": { "ground": "#FFFFFF", "surface": "#F4F3F0", "ink": "#16181D", "muted": "#686C74", "accent": "#D9411F", "rule": "#E0DED8" }, "rules": [ "Times right-aligned and tabular, left of the axis", "Breaks and finishing time get hollow dots and grey, so work time stands out", "About seven items — not a 15-minute schedule", "Include one concrete working condition" ] }, "prompt": { "ja": "以下の仕様でスライドを 1 枚作ってください。\n\n- 版面 1920 × 1080\n- 余白 上 88 右 140 下 56 左 140\n\n## 文字（版面 1920px に対する px）\nkicker 22px / 700 / 字間 0.16em / 等幅数字\ntitle 54px / 700 / 行送り 1.35 / 等幅数字\ntime 26px / 700 / 等幅数字\nitem 28px / 700 / 等幅数字\nitemNote 22px / 400 / 等幅数字\nsideLabel 22px / 700 / 等幅数字\nside 28px / 500 / 行送り 1.6 / 等幅数字\nsideWho 22px / 400 / 等幅数字\nfolio 16px / 400 / 等幅数字\n\n## 配色\n地 #FFFFFF / 面 #F4F3F0 / 文字 #16181D / 補助 #686C74 / 強調 #D9411F / 罫 #E0DED8\n\n## 外すと崩れる点\n- 時刻は右揃えの等幅数字で列に揃え、軸の左に置く\n- 休み・退勤は白抜きの点と灰色。仕事の時間と見分けられる\n- 項目は 7 つ前後。15 分刻みの予定表にしない\n- 働き方の条件（月に 2 回は 16 時に上がる）を 1 つ入れる\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/day-schedule-timeline/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 22px / 700 / tracking 0.16em / tabular numerals\ntitle 54px / 700 / leading 1.35 / tabular numerals\ntime 26px / 700 / tabular numerals\nitem 28px / 700 / tabular numerals\nitemNote 22px / 400 / tabular numerals\nsideLabel 22px / 700 / tabular numerals\nside 28px / 500 / leading 1.6 / tabular numerals\nsideWho 22px / 400 / tabular numerals\nfolio 16px / 400 / tabular numerals\n\n## Colour\nGround #FFFFFF / Surface #F4F3F0 / Ink #16181D / Muted #686C74 / Accent #D9411F / Rule #E0DED8\n\n## Constraints — dropping these breaks it\n- Times right-aligned and tabular, left of the axis\n- Breaks and finishing time get hollow dots and grey, so work time stands out\n- About seven items — not a 15-minute schedule\n- Include one concrete working condition\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/day-schedule-timeline/pattern.html." }, "code": { "url": "https://design-vault.pages.dev/designs/day-schedule-timeline/pattern.html", "fonts": [ "https://design-vault.pages.dev/designs/day-schedule-timeline/font.css", "https://design-vault.pages.dev/designs/day-schedule-timeline/font-0.woff2", "https://design-vault.pages.dev/designs/day-schedule-timeline/font-1.woff2", "https://design-vault.pages.dev/designs/day-schedule-timeline/font-2.woff2" ] } } }, { "position": 7, "slug": "hiring-process-steps", "kind": "artboard", "title": { "ja": "選考の流れ — 段階を矢羽根で並べ、それぞれにかかる日数を書く", "en": "Hiring Process — Stages as Chevrons, Each With How Long It Takes" }, "useCase": "process", "role": null, "urls": { "ja": "https://design-vault.pages.dev/designs/hiring-process-steps", "en": "https://design-vault.pages.dev/en/designs/hiring-process-steps", "json": "https://design-vault.pages.dev/ai/assets/hiring-process-steps.json", "designJson": "https://design-vault.pages.dev/ai/designs/hiring-process-steps.json" }, "reproduction": { "spec": { "format": "slide-16x9", "density": "medium", "layout": { "kind": "flow", "canvas": { "w": 1920, "h": 1080 }, "margin": { "top": 88, "right": 140, "bottom": 56, "left": 140 } }, "type": { "kicker": { "size": 22, "weight": 700, "tracking": "0.16em", "numeric": "tabular" }, "title": { "size": 54, "weight": 700, "leading": 1.35, "numeric": "tabular" }, "stepNo": { "size": 22, "weight": 700, "numeric": "tabular" }, "step": { "size": 32, "weight": 700, "numeric": "tabular" }, "days": { "size": 48, "weight": 700, "leading": 1, "numeric": "tabular" }, "stepNote": { "size": 22, "weight": 400, "leading": 1.6, "numeric": "tabular" }, "goal": { "size": 36, "weight": 700, "numeric": "tabular" }, "totalLabel": { "size": 24, "weight": 700, "numeric": "tabular" }, "total": { "size": 40, "weight": 700, "numeric": "tabular" }, "totalNote": { "size": 22, "weight": 400, "numeric": "tabular" }, "folio": { "size": 16, "weight": 400, "numeric": "tabular" } }, "colors": { "ground": "#FFFFFF", "surface": "#F4F3F0", "ink": "#16181D", "muted": "#686C74", "accent": "#D9411F", "rule": "#E0DED8" }, "rules": [ "Give each stage its duration — when they hear back is what applicants most want to know", "Make the stage days add up to the stated total", "Five stages at most, one line each; details elsewhere", "Only the goal block takes the accent fill" ] }, "prompt": { "ja": "以下の仕様でスライドを 1 枚作ってください。\n\n- 版面 1920 × 1080\n- 余白 上 88 右 140 下 56 左 140\n\n## 文字（版面 1920px に対する px）\nkicker 22px / 700 / 字間 0.16em / 等幅数字\ntitle 54px / 700 / 行送り 1.35 / 等幅数字\nstepNo 22px / 700 / 等幅数字\nstep 32px / 700 / 等幅数字\ndays 48px / 700 / 行送り 1 / 等幅数字\nstepNote 22px / 400 / 行送り 1.6 / 等幅数字\ngoal 36px / 700 / 等幅数字\ntotalLabel 24px / 700 / 等幅数字\ntotal 40px / 700 / 等幅数字\ntotalNote 22px / 400 / 等幅数字\nfolio 16px / 400 / 等幅数字\n\n## 配色\n地 #FFFFFF / 面 #F4F3F0 / 文字 #16181D / 補助 #686C74 / 強調 #D9411F / 罫 #E0DED8\n\n## 外すと崩れる点\n- 各段階に日数を書く。応募する人がいちばん知りたいのは、いつ結果が出るか\n- 日数の合計と全体の期間を一致させる（5 + 7 + 5 + 4 = 約 3 週間）\n- 段階は 5 つまで。中身は一言にし、詳しくは別の頁\n- ゴール（内定）だけを強調色の面にする\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/hiring-process-steps/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 22px / 700 / tracking 0.16em / tabular numerals\ntitle 54px / 700 / leading 1.35 / tabular numerals\nstepNo 22px / 700 / tabular numerals\nstep 32px / 700 / tabular numerals\ndays 48px / 700 / leading 1 / tabular numerals\nstepNote 22px / 400 / leading 1.6 / tabular numerals\ngoal 36px / 700 / tabular numerals\ntotalLabel 24px / 700 / tabular numerals\ntotal 40px / 700 / tabular numerals\ntotalNote 22px / 400 / tabular numerals\nfolio 16px / 400 / tabular numerals\n\n## Colour\nGround #FFFFFF / Surface #F4F3F0 / Ink #16181D / Muted #686C74 / Accent #D9411F / Rule #E0DED8\n\n## Constraints — dropping these breaks it\n- Give each stage its duration — when they hear back is what applicants most want to know\n- Make the stage days add up to the stated total\n- Five stages at most, one line each; details elsewhere\n- Only the goal block takes the accent fill\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/hiring-process-steps/pattern.html." }, "code": { "url": "https://design-vault.pages.dev/designs/hiring-process-steps/pattern.html", "fonts": [ "https://design-vault.pages.dev/designs/hiring-process-steps/font.css", "https://design-vault.pages.dev/designs/hiring-process-steps/font-0.woff2", "https://design-vault.pages.dev/designs/hiring-process-steps/font-1.woff2", "https://design-vault.pages.dev/designs/hiring-process-steps/font-2.woff2" ] } } } ], "urls": { "ja": "https://design-vault.pages.dev/decks/company-recruiting", "en": "https://design-vault.pages.dev/en/decks/company-recruiting", "json": "https://design-vault.pages.dev/ai/decks/company-recruiting.json" }, "catalogVersion": 1, "designSchemaVersion": 2, "notesMarkdown": "## この一式について / About this deck\n\n会社説明会と採用説明で出てくる 7 枚を、架空の会社「ミチシルベ」（地域交通の情報を扱う会社）の\n説明会 1 回ぶんとして通したもの。会社・人物・数値はすべて架空で、社員の声とある 1 日は同じ\n人物にしてある。\n\n白地に強い朱色の差し色を 1 つ。理念の 1 枚だけを縦組みの明朝にし、ほかは横組みのゴシック。\n顔写真は図形の差し替え枠で、人物は描いていない。表紙と締めは基本の 10 枚から引く。\n\nSeven slides from a company introduction and recruiting session, run through a fictional\nregional-transport data company. Every company, person and figure is invented; the employee voice\nand the day in the life follow the same person. White ground with one strong vermilion accent;\nonly the mission page is set vertically in serif. Portraits are shape stand-ins." }