{ "id": "design:funding-ask-use-of-funds", "schemaVersion": 2, "title": { "ja": "調達額と使途 — 金額、使い道の帯、届く地点を上から順に", "en": "Funding Ask — The Amount, a Bar of Uses, Then Where It Gets You" }, "summary": { "ja": "調達額を大きく置き、使途を金額に比例する 1 本の帯で示し、下端に 24 か月後に届く地点を 3 つ並べる", "en": "The amount goes large, uses of funds follow as one bar proportional to the money, and three milestones for 24 months out sit at the foot" }, "capturedAt": "2026-10-19", "categories": [ "presentation" ], "tags": [ "data-viz", "bold" ], "useCases": [ "next-action" ], "format": "slide-16x9", "density": "medium", "layout": { "kind": "stack", "canvas": { "w": 1920, "h": 1080 }, "margin": { "top": 112, "right": 160, "bottom": 96, "left": 160 } }, "type": { "kicker": { "size": 22, "weight": 700, "tracking": "0.2em" }, "amount": { "size": 144, "weight": 900, "tracking": "-0.03em", "leading": 1, "numeric": "tabular" }, "terms": { "size": 26, "weight": 400, "leading": 1.6 }, "useHead": { "size": 22, "weight": 700, "tracking": "0.12em" }, "uName": { "size": 28, "weight": 900 }, "uValue": { "size": 24, "weight": 700, "numeric": "tabular" }, "uWhat": { "size": 21, "weight": 400, "leading": 1.6 }, "gLabel": { "size": 22, "weight": 700 }, "gValue": { "size": 40, "weight": 900, "numeric": "tabular" }, "gWhat": { "size": 21, "weight": 400 } }, "colors": { "ground": "#101318", "surface": "#1A1F27", "ink": "#F2F4F7", "muted": "#8B93A1", "accent": "#F5B83D", "rule": "#2A303A", "series": [ "#F5B83D", "#C98A2B", "#7C6A4C" ] }, "rules": [ { "ja": "使途は 1 本の帯にする。円グラフにすると、割合は読めても金額の大きさが伝わらない", "en": "Show uses as one bar — a pie gives shares but not the size of the money" }, { "ja": "帯の区切りの下に、名前・金額・何に使うかを揃えて置く", "en": "Under each segment, align its name, amount and what it buys" }, { "ja": "使途の次に、使うと何が言えるか（届く地点）を置く。お金の話で終わらせない", "en": "After the uses, say what they get you — do not end on money" }, { "ja": "帯の色は強調色からの濃淡 3 段。別々の色相にしない", "en": "The bar uses three shades from the accent, not separate hues" } ], "cover": "https://design-vault.pages.dev/_astro/cover.Cm5IFGmT.png", "assets": [], "shortlist": false, "status": "published", "relations": { "similar": [ "waffle-one-in-hundred", "treemap-budget-allocation", "closing-decision-request" ] }, "license": "Original", "publishedAt": null, "reproduction": { "spec": { "format": "slide-16x9", "density": "medium", "layout": { "kind": "stack", "canvas": { "w": 1920, "h": 1080 }, "margin": { "top": 112, "right": 160, "bottom": 96, "left": 160 } }, "type": { "kicker": { "size": 22, "weight": 700, "tracking": "0.2em" }, "amount": { "size": 144, "weight": 900, "tracking": "-0.03em", "leading": 1, "numeric": "tabular" }, "terms": { "size": 26, "weight": 400, "leading": 1.6 }, "useHead": { "size": 22, "weight": 700, "tracking": "0.12em" }, "uName": { "size": 28, "weight": 900 }, "uValue": { "size": 24, "weight": 700, "numeric": "tabular" }, "uWhat": { "size": 21, "weight": 400, "leading": 1.6 }, "gLabel": { "size": 22, "weight": 700 }, "gValue": { "size": 40, "weight": 900, "numeric": "tabular" }, "gWhat": { "size": 21, "weight": 400 } }, "colors": { "ground": "#101318", "surface": "#1A1F27", "ink": "#F2F4F7", "muted": "#8B93A1", "accent": "#F5B83D", "rule": "#2A303A", "series": [ "#F5B83D", "#C98A2B", "#7C6A4C" ] }, "rules": [ "Show uses as one bar — a pie gives shares but not the size of the money", "Under each segment, align its name, amount and what it buys", "After the uses, say what they get you — do not end on money", "The bar uses three shades from the accent, not separate hues" ] }, "prompt": { "ja": "以下の仕様でスライドを 1 枚作ってください。\n\n- 版面 1920 × 1080\n- 余白 上 112 右 160 下 96 左 160\n\n## 文字（版面 1920px に対する px）\nkicker 22px / 700 / 字間 0.2em\namount 144px / 900 / 字間 -0.03em / 行送り 1 / 等幅数字\nterms 26px / 400 / 行送り 1.6\nuseHead 22px / 700 / 字間 0.12em\nuName 28px / 900\nuValue 24px / 700 / 等幅数字\nuWhat 21px / 400 / 行送り 1.6\ngLabel 22px / 700\ngValue 40px / 900 / 等幅数字\ngWhat 21px / 400\n\n## 配色\n地 #101318 / 面 #1A1F27 / 文字 #F2F4F7 / 補助 #8B93A1 / 強調 #F5B83D / 罫 #2A303A / #F5B83D / #C98A2B / #7C6A4C\n\n## 外すと崩れる点\n- 使途は 1 本の帯にする。円グラフにすると、割合は読めても金額の大きさが伝わらない\n- 帯の区切りの下に、名前・金額・何に使うかを揃えて置く\n- 使途の次に、使うと何が言えるか（届く地点）を置く。お金の話で終わらせない\n- 帯の色は強調色からの濃淡 3 段。別々の色相にしない\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/funding-ask-use-of-funds/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\namount 144px / 900 / tracking -0.03em / leading 1 / tabular numerals\nterms 26px / 400 / leading 1.6\nuseHead 22px / 700 / tracking 0.12em\nuName 28px / 900\nuValue 24px / 700 / tabular numerals\nuWhat 21px / 400 / leading 1.6\ngLabel 22px / 700\ngValue 40px / 900 / tabular numerals\ngWhat 21px / 400\n\n## Colour\nGround #101318 / Surface #1A1F27 / Ink #F2F4F7 / Muted #8B93A1 / Accent #F5B83D / Rule #2A303A / #F5B83D / #C98A2B / #7C6A4C\n\n## Constraints — dropping these breaks it\n- Show uses as one bar — a pie gives shares but not the size of the money\n- Under each segment, align its name, amount and what it buys\n- After the uses, say what they get you — do not end on money\n- The bar uses three shades from the accent, not separate hues\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/funding-ask-use-of-funds/pattern.html." }, "code": { "html": "\n\n調達額と使途 — 金額、使い道の帯、届く地点を上から順に\n\n\n\n\n
\n
\n
\n

今回のお願い

\n
\n

8億円

\n

シリーズ A ／ 第三者割当増資
2027 年 1 月 クローズ予定

\n
\n
\n\n
\n

使い道

\n
\n
\n
\n

開発

\n

4.4 億円

\n

銀行連携を 40 行から 100 行へ。開発者を 8 名から 20 名に

\n
\n
\n

販売

\n

2.4 億円

\n

会計事務所の紹介網を全国 8 地域へ

\n
\n
\n

管理

\n

1.2 億円

\n

監査と情報保護

\n
\n
\n
\n\n
\n

24 か月後

\n

8,000社

利用企業（今 2,400 社）

\n

9億円

年間の売上

\n

黒字化

営業利益で、月次

\n
\n
\n
\n", "url": "https://design-vault.pages.dev/designs/funding-ask-use-of-funds/pattern.html", "fonts": [ "https://design-vault.pages.dev/designs/funding-ask-use-of-funds/font.css", "https://design-vault.pages.dev/designs/funding-ask-use-of-funds/font-0.woff2", "https://design-vault.pages.dev/designs/funding-ask-use-of-funds/font-1.woff2", "https://design-vault.pages.dev/designs/funding-ask-use-of-funds/font-2.woff2" ] } }, "urls": { "ja": "https://design-vault.pages.dev/designs/funding-ask-use-of-funds", "en": "https://design-vault.pages.dev/en/designs/funding-ask-use-of-funds", "json": "https://design-vault.pages.dev/ai/assets/funding-ask-use-of-funds.json", "designJson": "https://design-vault.pages.dev/ai/designs/funding-ask-use-of-funds.json" }, "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- 調達額は 144px、条件は灰色の 2 行で横に添える\n- 帯と名前の列を同じ 55:30:15 の格子で組む\n- 届く地点は罫の下に 4 列（見出し＋3 つ）\n\n### Apply to\n\n- ピッチの最後の依頼の 1 枚\n- 予算申請で、額と使い道と成果をまとめて示す", "slug": "funding-ask-use-of-funds", "kind": "artboard", "catalogVersion": 1, "designSchemaVersion": 2, "capabilities": [ "view-artboard", "read-spec", "copy-prompt", "get-code" ], "reusePolicy": "construction-reuse" }