{
"id": "vision-values-three-tiers",
"schemaVersion": 2,
"title": {
"ja": "ミッション・ビジョン・バリュー — 3 段で、上ほど大きく短く",
"en": "Mission, Vision, Values — Three Tiers, Larger and Shorter Toward the Top"
},
"summary": {
"ja": "使命・2030 年の姿・大事にすること 3 つを、見出しの列つきの 3 段に置く。上の段ほど文字を大きく、文を短くする",
"en": "Mission, a 2030 vision and three values in three labelled tiers; the higher the tier, the larger and shorter the text"
},
"capturedAt": "2026-10-19",
"categories": [
"presentation"
],
"tags": [
"minimal",
"typography"
],
"useCases": [
"mission"
],
"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",
"series": []
},
"rules": [
{
"ja": "上の段ほど大きく短く。変わりにくいものほど大きい",
"en": "Higher tiers are larger and shorter — the less it changes, the bigger it is"
},
{
"ja": "ビジョンには年と数字を入れる。数字の無いビジョンは使命と区別がつかない",
"en": "Give the vision a year and a number, or it blurs into the mission"
},
{
"ja": "大事にすることは 3 つ、見出し 1 行と言い換え 1 行",
"en": "Three values, each a heading and one line of restatement"
},
{
"ja": "英字の見出し（MISSION など）は小さく、日本語の見出しを主にする",
"en": "Latin labels small; the Japanese label leads"
}
],
"cover": "https://design-vault.pages.dev/_astro/cover.CatfPytE.png",
"assets": [],
"shortlist": false,
"status": "published",
"relations": {
"similar": [
"key-message-three-supports",
"midterm-plan-pillars",
"bullets-three-levels"
]
},
"license": "Original",
"publishedAt": null,
"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": {
"html": "\n\nミッション・ビジョン・バリュー — 3 段で、上ほど大きく短く\n\n\n\n\n
\n
\n
\n
理念の体系
\n
使命・2030 年の姿・大事にすること
\n
\n
\n
MISSION使命
移動に迷う人を、ひとりも残さない
\n
VISION2030 年の姿
全国 500 の地域で、バスと乗り合いの情報が 1 つの画面で見られる
\n
VALUES大事にすること
近くの困りごとから
画面の前より、停留所の前で考える
早く出して、早く直す
完璧な時刻表より、今日走るバスの情報
データは地域に返す
集めた数字は、自治体と運行会社が使えるように
\n
\n
\n
株式会社ミチシルベ 会社紹介 2026
\n
03
\n
\n
\n
\n",
"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"
]
}
},
"urls": {
"ja": "https://design-vault.pages.dev/designs/vision-values-three-tiers",
"en": "https://design-vault.pages.dev/en/designs/vision-values-three-tiers"
},
"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 seven company and recruiting slides,\ndrawn as a fictional company's introduction; every company, person and figure on it is invented.\n\n### Techniques\n\n- 240px の見出し列と 1fr\n- 使命だけ強調色の 56px\n- 大事にすることの頭に強調色の縦線\n\n### Apply to\n\n- 会社紹介・採用説明の理念の体系\n- 部署の方針の 1 枚"
}