{
"id": "design:speaker-profile-portrait",
"schemaVersion": 2,
"title": {
"ja": "登壇者紹介 — 顔写真の枠と、話す資格になる経歴だけ",
"en": "Speaker Profile — A Portrait Frame and Only the Career That Earns the Talk"
},
"summary": {
"ja": "4:5 の顔写真の枠と、名前・読み・肩書き・経歴 3 行・今日話すことで、誰が話すかを 1 枚で示す",
"en": "A 4:5 portrait frame with name, reading, role, three career lines and today's topic — who is speaking, on one page"
},
"capturedAt": "2026-10-19",
"categories": [
"presentation"
],
"tags": [
"minimal",
"typography"
],
"useCases": [
"people"
],
"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",
"series": []
},
"rules": [
{
"ja": "経歴は 3 行まで。今日の話に関係する年だけを選ぶ。履歴書にすると、聞き手は話す資格ではなく人生を読み始める",
"en": "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"
},
{
"ja": "顔写真の枠は 4:5 で、目の高さを上から 1/3 に置く。写真が無いうちは図形で比率と切り抜き位置だけを示し、人物の絵は描かない",
"en": "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"
},
{
"ja": "名前の下に読みを添える。初めて聞く名前を、説明の間ずっと読み違えさせない",
"en": "Put the reading under the name, so nobody mispronounces it for the whole talk"
},
{
"ja": "最後に「今日話すこと」を 1 行置き、紹介を本題につなぐ",
"en": "End with one line on today's topic, so the introduction hands over to the talk"
}
],
"cover": "https://design-vault.pages.dev/_astro/cover.DoAL1qnE.png",
"assets": [],
"shortlist": false,
"status": "published",
"relations": {
"similar": [
"closing-thanks-contact",
"cover-a4-centered-subject",
"team-structure-joint-pmo"
]
},
"license": "Original",
"publishedAt": null,
"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": {
"html": "\n\n登壇者紹介 — 顔写真の枠と、話す資格になる経歴だけ\n\n\n\n\n
\n
\n
\n
\n \n
\n\n
\n
本日の説明者
\n
佐伯 美和
\n
さえき みわ
\n
カスタマーサポート部 部長／問い合わせ窓口一本化の責任者
\n\n
\n
\n
2014
\n
入社。法人向け製品の電話窓口を 4 年担当
\n
\n
\n
2019
\n
問い合わせ管理の仕組みを刷新。一次回答の時間を 3 割短縮
\n
\n
\n
2025
\n
現職。4 つに分かれた窓口の統合計画を立ち上げる
\n
\n
\n\n
\n
今日話すこと
\n
なぜ窓口を 1 つにするのか、来月から何が変わるのか
\n
\n
\n
\n\n
問い合わせ窓口の一本化 ／ 社内説明会01 / 10
\n
\n
\n",
"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"
]
}
},
"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"
},
"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- 写真の枠を左に固定幅で置き、右の文字組だけを伸び縮みさせる\n- 経歴は年を等幅数字の列に揃え、罫線で行を区切る\n- 強調は経歴の中の 1 句だけ（成果の数字）\n\n### Apply to\n\n- 社内外の説明会・登壇資料の 2 枚目\n- 提案書の担当者紹介（経歴を案件の実績に読み替える）",
"slug": "speaker-profile-portrait",
"kind": "artboard",
"catalogVersion": 1,
"designSchemaVersion": 2,
"capabilities": [
"view-artboard",
"read-spec",
"copy-prompt",
"get-code"
],
"reusePolicy": "construction-reuse"
}