{
"id": "design:sticky-wall-clusters",
"schemaVersion": 2,
"title": {
"ja": "付箋の壁 — 意見を色のまとまりで並べ、まとまりに名前を付ける",
"en": "Sticky Wall — Notes Grouped by Colour, Each Group Named"
},
"summary": {
"ja": "受講者の付箋を 4 つのまとまりに分け、まとまりごとに色・名前・枚数を付けて列に並べる。付箋はわずかに傾ける",
"en": "Participants' notes grouped into four colour-coded columns, each with a name and count; the notes tilt slightly"
},
"capturedAt": "2026-10-19",
"categories": [
"presentation"
],
"tags": [
"bold",
"typography"
],
"useCases": [
"summary"
],
"format": "slide-16x9",
"density": "medium",
"layout": {
"kind": "grid",
"canvas": {
"w": 1920,
"h": 1080
},
"margin": {
"top": 88,
"right": 140,
"bottom": 56,
"left": 140
},
"columns": {
"count": 4,
"gap": 32
}
},
"type": {
"kicker": {
"size": 24,
"weight": 700,
"numeric": "tabular"
},
"title": {
"size": 54,
"weight": 700,
"leading": 1.35,
"numeric": "tabular"
},
"cluster": {
"size": 28,
"weight": 700,
"numeric": "tabular"
},
"count": {
"size": 20,
"weight": 500,
"numeric": "tabular"
},
"note": {
"size": 26,
"weight": 500,
"leading": 1.5,
"numeric": "tabular"
},
"folio": {
"size": 16,
"weight": 400,
"numeric": "tabular"
}
},
"colors": {
"ground": "#F5EFE4",
"surface": "#FFFBF4",
"ink": "#2B2620",
"muted": "#776E62",
"accent": "#B4502B",
"rule": "#E3D9C8",
"series": [
"#F2C66B",
"#A9CFA4",
"#9DC1E3",
"#EDB0AA"
]
},
"rules": [
{
"ja": "まとまりの名前は「〜が〜」の悩みの形で書く。「記録」のような名詞だけだと、何が問題か分からない",
"en": "Name groups as problems ('notes can't keep up'), not bare nouns"
},
{
"ja": "まとまりごとに枚数を添える。多いところから話す",
"en": "Show the count per group, and discuss the largest first"
},
{
"ja": "付箋の文は 1 行に収まる長さに直す。読めない手書きを写さない",
"en": "Rewrite each note to fit one line — never reproduce illegible handwriting"
},
{
"ja": "色はまとまりの区別にだけ使い、良し悪しの意味を持たせない",
"en": "Colours only distinguish groups; they carry no good-or-bad meaning"
}
],
"cover": "https://design-vault.pages.dev/_astro/cover.7WEhjkVV.png",
"assets": [],
"shortlist": false,
"status": "published",
"relations": {
"similar": [
"offering-grid-six-cards",
"fishbone-cause-categories",
"faq-question-answer-pairs"
]
},
"license": "Original",
"publishedAt": null,
"reproduction": {
"spec": {
"format": "slide-16x9",
"density": "medium",
"layout": {
"kind": "grid",
"canvas": {
"w": 1920,
"h": 1080
},
"margin": {
"top": 88,
"right": 140,
"bottom": 56,
"left": 140
},
"columns": {
"count": 4,
"gap": 32
}
},
"type": {
"kicker": {
"size": 24,
"weight": 700,
"numeric": "tabular"
},
"title": {
"size": 54,
"weight": 700,
"leading": 1.35,
"numeric": "tabular"
},
"cluster": {
"size": 28,
"weight": 700,
"numeric": "tabular"
},
"count": {
"size": 20,
"weight": 500,
"numeric": "tabular"
},
"note": {
"size": 26,
"weight": 500,
"leading": 1.5,
"numeric": "tabular"
},
"folio": {
"size": 16,
"weight": 400,
"numeric": "tabular"
}
},
"colors": {
"ground": "#F5EFE4",
"surface": "#FFFBF4",
"ink": "#2B2620",
"muted": "#776E62",
"accent": "#B4502B",
"rule": "#E3D9C8",
"series": [
"#F2C66B",
"#A9CFA4",
"#9DC1E3",
"#EDB0AA"
]
},
"rules": [
"Name groups as problems ('notes can't keep up'), not bare nouns",
"Show the count per group, and discuss the largest first",
"Rewrite each note to fit one line — never reproduce illegible handwriting",
"Colours only distinguish groups; they carry no good-or-bad meaning"
]
},
"prompt": {
"ja": "以下の仕様でスライドを 1 枚作ってください。\n\n- 版面 1920 × 1080\n- 余白 上 88 右 140 下 56 左 140\n- 4 カラム（等分）、間隔 32\n\n## 文字（版面 1920px に対する px）\nkicker 24px / 700 / 等幅数字\ntitle 54px / 700 / 行送り 1.35 / 等幅数字\ncluster 28px / 700 / 等幅数字\ncount 20px / 500 / 等幅数字\nnote 26px / 500 / 行送り 1.5 / 等幅数字\nfolio 16px / 400 / 等幅数字\n\n## 配色\n地 #F5EFE4 / 面 #FFFBF4 / 文字 #2B2620 / 補助 #776E62 / 強調 #B4502B / 罫 #E3D9C8 / #F2C66B / #A9CFA4 / #9DC1E3 / #EDB0AA\n\n## 外すと崩れる点\n- まとまりの名前は「〜が〜」の悩みの形で書く。「記録」のような名詞だけだと、何が問題か分からない\n- まとまりごとに枚数を添える。多いところから話す\n- 付箋の文は 1 行に収まる長さに直す。読めない手書きを写さない\n- 色はまとまりの区別にだけ使い、良し悪しの意味を持たせない\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/sticky-wall-clusters/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- 4 equal columns, gap 32\n\n## Type (px against a 1920px canvas)\nkicker 24px / 700 / tabular numerals\ntitle 54px / 700 / leading 1.35 / tabular numerals\ncluster 28px / 700 / tabular numerals\ncount 20px / 500 / tabular numerals\nnote 26px / 500 / leading 1.5 / tabular numerals\nfolio 16px / 400 / tabular numerals\n\n## Colour\nGround #F5EFE4 / Surface #FFFBF4 / Ink #2B2620 / Muted #776E62 / Accent #B4502B / Rule #E3D9C8 / #F2C66B / #A9CFA4 / #9DC1E3 / #EDB0AA\n\n## Constraints — dropping these breaks it\n- Name groups as problems ('notes can't keep up'), not bare nouns\n- Show the count per group, and discuss the largest first\n- Rewrite each note to fit one line — never reproduce illegible handwriting\n- Colours only distinguish groups; they carry no good-or-bad meaning\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/sticky-wall-clusters/pattern.html."
},
"code": {
"html": "\n\n付箋の壁 — 意見を色のまとまりで並べ、まとまりに名前を付ける\n\n\n\n\n
\n
\n
\n
ふりかえり 受講者の付箋
\n
つまずきは、4 つのまとまりに分かれた
\n
\n
\n
\n
記録が追いつかない3 枚
\n
書くと次の質問が出ない
聞き直す時間がない
付箋が解釈になっている
\n
\n
\n
話が広がりすぎる3 枚
\n
雑談のまま 30 分たった
不満を聞くだけで終わる
聞く目的を途中で忘れる
\n
\n
\n
相手が答えに困る2 枚
\n
「なぜ」で黙ってしまう
昔のことは覚えていない
\n
\n
\n
まとめ方が分からない3 枚
\n
付箋が多すぎて止まる
似ているかが人で違う
名前が全部同じになる
\n
\n
\n
\n
はじめての顧客インタビュー 社内研修
\n
07
\n
\n
\n
\n",
"url": "https://design-vault.pages.dev/designs/sticky-wall-clusters/pattern.html",
"fonts": [
"https://design-vault.pages.dev/designs/sticky-wall-clusters/font.css",
"https://design-vault.pages.dev/designs/sticky-wall-clusters/font-0.woff2",
"https://design-vault.pages.dev/designs/sticky-wall-clusters/font-1.woff2",
"https://design-vault.pages.dev/designs/sticky-wall-clusters/font-2.woff2"
]
}
},
"urls": {
"ja": "https://design-vault.pages.dev/designs/sticky-wall-clusters",
"en": "https://design-vault.pages.dev/en/designs/sticky-wall-clusters",
"json": "https://design-vault.pages.dev/ai/assets/sticky-wall-clusters.json",
"designJson": "https://design-vault.pages.dev/ai/designs/sticky-wall-clusters.json"
},
"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 six training slides, drawn as a\nfictional in-house workshop on customer interviews; its content, people and figures are invented.\n\n### Techniques\n\n- 4 列の格子を白い面に載せ、壁に見せる\n- 付箋は ±1° 程度だけ傾け、2px の影\n- まとまりの見出しの左に、付箋と同じ色の小さな四角\n\n### Apply to\n\n- 研修・ワークショップのふりかえり\n- 利用者調査の発言のまとめ",
"slug": "sticky-wall-clusters",
"kind": "artboard",
"catalogVersion": 1,
"designSchemaVersion": 2,
"capabilities": [
"view-artboard",
"read-spec",
"copy-prompt",
"get-code"
],
"reusePolicy": "construction-reuse"
}