{
"id": "mission-vertical-statement",
"schemaVersion": 2,
"title": {
"ja": "理念 — 縦組みの明朝で、1 文だけを置く",
"en": "Mission — One Sentence, Set Vertically in Serif"
},
"summary": {
"ja": "白地の中央に理念の 1 文を縦組みの明朝で 2 行に置き、右上に縦書きの見出しと強調色の線を添える。ほかの頁が横組みなので、ここだけ読み方が変わる",
"en": "The mission sentence in vertical serif, two columns centred on white, with a vertical label and accent rule at the top right — the only page read top to bottom"
},
"capturedAt": "2026-10-19",
"categories": [
"presentation"
],
"tags": [
"minimal",
"typography"
],
"useCases": [
"mission"
],
"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",
"series": []
},
"rules": [
{
"ja": "縦組みは理念の 1 文にだけ使う。ほかの頁が横組みだから、ここで読み方が変わることに意味がある",
"en": "Vertical setting is for the mission line alone — its meaning comes from breaking the horizontal pages around it"
},
{
"ja": "文は 2 行まで、1 行 9 字前後。縦に長い行は版面に収まらず折り返す",
"en": "Two columns at most, about nine characters each — longer columns wrap off the page"
},
{
"ja": "数字や英字を入れない。縦組みで横倒しになる",
"en": "No digits or Latin letters — they turn sideways in vertical text"
},
{
"ja": "飾りは見出しの縦線 1 本だけ",
"en": "The only ornament is the vertical rule by the label"
}
],
"cover": "https://design-vault.pages.dev/_astro/cover.BhMAMV0J.png",
"assets": [],
"shortlist": false,
"status": "published",
"relations": {
"similar": [
"statement-one-sentence",
"pitch-cover-value-line",
"section-divider-number-bleed"
]
},
"license": "Original",
"publishedAt": null,
"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": {
"html": "\n\n理念 — 縦組みの明朝で、1 文だけを置く\n\n\n\n\n\n
\n
\n
わたしたちの使命
\n
移動に迷う人を、ひとりも残さない。
\n
株式会社ミチシルベ
\n
\n
\n",
"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"
]
}
},
"urls": {
"ja": "https://design-vault.pages.dev/designs/mission-vertical-statement",
"en": "https://design-vault.pages.dev/en/designs/mission-vertical-statement"
},
"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- writing-mode: vertical-rl と white-space: nowrap\n- 2 行目を半字下げて、1 行目との段差をつける\n- 明朝は 84px、字間 0.08em\n\n### Apply to\n\n- 会社紹介・採用説明の理念の頁\n- 式典や周年の資料の扉"
}