{
"id": "revenue-flow-actors",
"schemaVersion": 2,
"title": {
"ja": "収益の流れ — 誰から誰へ、お金と価値が動くかを 2 種類の線で",
"en": "Revenue Flow — Who Pays Whom, Money and Value in Two Kinds of Line"
},
"summary": {
"ja": "利用企業・自社・提携先の 3 つの箱を横に並べ、お金の流れを強調色の実線、価値や紹介の流れを墨の破線で結ぶ",
"en": "Customer, company and partner sit in a row; money moves on solid accent lines, value and referrals on dashed ink lines"
},
"capturedAt": "2026-10-19",
"categories": [
"presentation"
],
"tags": [
"minimal",
"typography"
],
"useCases": [
"pricing"
],
"format": "slide-16x9",
"density": "medium",
"layout": {
"kind": "network",
"canvas": {
"w": 1920,
"h": 1080
},
"margin": {
"top": 112,
"right": 160,
"bottom": 96,
"left": 160
}
},
"type": {
"kicker": {
"size": 22,
"weight": 700,
"tracking": "0.2em"
},
"title": {
"size": 56,
"weight": 900,
"leading": 1.3
},
"nRole": {
"size": 20,
"weight": 700,
"tracking": "0.12em"
},
"nName": {
"size": 34,
"weight": 900,
"leading": 1.35
},
"nNote": {
"size": 21,
"weight": 400,
"leading": 1.6
},
"flow": {
"size": 24,
"weight": 700,
"leading": 1.4
},
"flowNote": {
"size": 20,
"weight": 400,
"leading": 1.4
},
"key": {
"size": 20,
"weight": 400
}
},
"colors": {
"ground": "#F6F5F1",
"surface": "#FFFFFF",
"ink": "#15171C",
"muted": "#686C75",
"accent": "#9A6512",
"rule": "#DDDAD2",
"series": []
},
"rules": [
{
"ja": "お金と価値を線の種類で分ける。同じ線だと、どちらがどちらへ払うのか読めない",
"en": "Money and value take different lines — with one kind, nobody can tell who pays whom"
},
{
"ja": "自社の箱だけ太い枠にし、中央に置く",
"en": "Only the company's box gets a heavy border, and it sits in the middle"
},
{
"ja": "線ごとに金額か効き目を書く。矢印だけでは、仕組みは分かっても規模が分からない",
"en": "Label every line with an amount or an effect — arrows alone give the mechanism but not the scale"
},
{
"ja": "登場する者は 3 つまで。4 つ目が要るなら、別の 1 枚に分ける",
"en": "Three actors at most; a fourth means another slide"
}
],
"cover": "https://design-vault.pages.dev/_astro/cover.C-eIdlxZ.png",
"assets": [],
"shortlist": false,
"status": "published",
"relations": {
"similar": [
"stakeholder-network-hub",
"process-flow-five-step",
"cycle-four-stage-loop"
]
},
"license": "Original",
"publishedAt": null,
"reproduction": {
"spec": {
"format": "slide-16x9",
"density": "medium",
"layout": {
"kind": "network",
"canvas": {
"w": 1920,
"h": 1080
},
"margin": {
"top": 112,
"right": 160,
"bottom": 96,
"left": 160
}
},
"type": {
"kicker": {
"size": 22,
"weight": 700,
"tracking": "0.2em"
},
"title": {
"size": 56,
"weight": 900,
"leading": 1.3
},
"nRole": {
"size": 20,
"weight": 700,
"tracking": "0.12em"
},
"nName": {
"size": 34,
"weight": 900,
"leading": 1.35
},
"nNote": {
"size": 21,
"weight": 400,
"leading": 1.6
},
"flow": {
"size": 24,
"weight": 700,
"leading": 1.4
},
"flowNote": {
"size": 20,
"weight": 400,
"leading": 1.4
},
"key": {
"size": 20,
"weight": 400
}
},
"colors": {
"ground": "#F6F5F1",
"surface": "#FFFFFF",
"ink": "#15171C",
"muted": "#686C75",
"accent": "#9A6512",
"rule": "#DDDAD2"
},
"rules": [
"Money and value take different lines — with one kind, nobody can tell who pays whom",
"Only the company's box gets a heavy border, and it sits in the middle",
"Label every line with an amount or an effect — arrows alone give the mechanism but not the scale",
"Three actors at most; a fourth means another slide"
]
},
"prompt": {
"ja": "以下の仕様でスライドを 1 枚作ってください。\n\n- 版面 1920 × 1080\n- 余白 上 112 右 160 下 96 左 160\n\n## 文字（版面 1920px に対する px）\nkicker 22px / 700 / 字間 0.2em\ntitle 56px / 900 / 行送り 1.3\nnRole 20px / 700 / 字間 0.12em\nnName 34px / 900 / 行送り 1.35\nnNote 21px / 400 / 行送り 1.6\nflow 24px / 700 / 行送り 1.4\nflowNote 20px / 400 / 行送り 1.4\nkey 20px / 400\n\n## 配色\n地 #F6F5F1 / 面 #FFFFFF / 文字 #15171C / 補助 #686C75 / 強調 #9A6512 / 罫 #DDDAD2\n\n## 外すと崩れる点\n- お金と価値を線の種類で分ける。同じ線だと、どちらがどちらへ払うのか読めない\n- 自社の箱だけ太い枠にし、中央に置く\n- 線ごとに金額か効き目を書く。矢印だけでは、仕組みは分かっても規模が分からない\n- 登場する者は 3 つまで。4 つ目が要るなら、別の 1 枚に分ける\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/revenue-flow-actors/pattern.html",
"en": "Produce one slide to the following specification.\n\n- Canvas 1920 × 1080\n- Margin top 112 right 160 bottom 96 left 160\n\n## Type (px against a 1920px canvas)\nkicker 22px / 700 / tracking 0.2em\ntitle 56px / 900 / leading 1.3\nnRole 20px / 700 / tracking 0.12em\nnName 34px / 900 / leading 1.35\nnNote 21px / 400 / leading 1.6\nflow 24px / 700 / leading 1.4\nflowNote 20px / 400 / leading 1.4\nkey 20px / 400\n\n## Colour\nGround #F6F5F1 / Surface #FFFFFF / Ink #15171C / Muted #686C75 / Accent #9A6512 / Rule #DDDAD2\n\n## Constraints — dropping these breaks it\n- Money and value take different lines — with one kind, nobody can tell who pays whom\n- Only the company's box gets a heavy border, and it sits in the middle\n- Label every line with an amount or an effect — arrows alone give the mechanism but not the scale\n- Three actors at most; a fourth means another slide\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/revenue-flow-actors/pattern.html."
},
"code": {
"html": "\n\n収益の流れ — 誰から誰へ、お金と価値が動くかを 2 色の線で\n\n\n\n\n
\n
\n
\n
収益の仕組み
\n
利用料は会社から、紹介料は会計事務所へ
\n
\n\n
\n \n\n
\n
利用企業
\n
中小企業
\n
従業員 50 人以下、経理は 1〜2 人
\n
\n
\n
当社
\n
ミナト経理
\n
締め作業の道具を提供
\n
\n
\n
提携先
\n
会計事務所
\n
顧問先の締めを預かる
\n
\n\n
月 9,800 円
\n
締めが半日に
\n
利用料の 20%
\n
顧問先を紹介新規の 6 割がこの経路
\n
\n\n
\n
お金の流れ
\n
価値・紹介の流れ
\n
\n
\n
\n",
"url": "https://design-vault.pages.dev/designs/revenue-flow-actors/pattern.html",
"fonts": [
"https://design-vault.pages.dev/designs/revenue-flow-actors/font.css",
"https://design-vault.pages.dev/designs/revenue-flow-actors/font-0.woff2",
"https://design-vault.pages.dev/designs/revenue-flow-actors/font-1.woff2",
"https://design-vault.pages.dev/designs/revenue-flow-actors/font-2.woff2"
]
}
},
"urls": {
"ja": "https://design-vault.pages.dev/designs/revenue-flow-actors",
"en": "https://design-vault.pages.dev/en/designs/revenue-flow-actors"
},
"notesMarkdown": "## この構成について / About this pattern\n\n出典を持たない自作パターン。**`pattern.html` が版そのもの**で、`cover.png` と frontmatter の\n`layout` / `type` / `colors` はどちらもそこから機械的に測った結果。一式「事業計画・資金調達」の\n1 枚で、架空の会社「ミナト経理」のシリーズ A のピッチとして描いてある。会社・人物・数値はすべて架空。\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 pitch slides, drawn as the\nSeries A deck of a fictional company; every company, person and figure on it is invented.\n\n### Techniques\n\n- 箱は同じ高さで横一列。お金は上、価値は下の段を通す\n- 遠回りの線は箱の下を回し、文字を線の上に置く\n- 凡例は下端の罫の下に\n\n### Apply to\n\n- ピッチの事業の仕組み・収益モデル\n- 提携の提案で、お金の流れを先方に示す"
}