{
"id": "espresso-dial-in-extraction-curves",
"schemaVersion": 2,
"title": {
"ja": "挽き目を一段細かく — 36gを28秒で抽出",
"en": "One Step Finer — Pull 36g in 28 Seconds"
},
"summary": {
"ja": "豆量と目標量を固定し、挽き目を一段変えた前後のエスプレッソ抽出カーブを比較する",
"en": "Compare espresso extraction curves before and after one grind adjustment, with dose and target yield held constant"
},
"capturedAt": "2026-09-25",
"categories": [
"presentation"
],
"tags": [
"data-viz",
"minimal"
],
"useCases": [
"comparison"
],
"format": "slide-16x9",
"density": "medium",
"layout": {
"kind": "2-column",
"canvas": {
"w": 1920,
"h": 1080
},
"margin": {
"top": 72,
"right": 120,
"bottom": 76,
"left": 120
},
"columns": {
"count": 2,
"gap": 40
}
},
"type": {
"kicker": {
"size": 20,
"weight": 700,
"tracking": "0.14em"
},
"title": {
"size": 48,
"weight": 700,
"tracking": "-0.02em"
},
"deck": {
"size": 21,
"weight": 400
},
"recipeLabel": {
"size": 20,
"weight": 400
},
"recipeValue": {
"size": 25,
"weight": 700
},
"shot": {
"size": 20,
"weight": 700,
"tracking": "0.1em"
},
"shotTitle": {
"size": 29,
"weight": 700
},
"result": {
"size": 20,
"weight": 700
},
"targetLabel": {
"size": 20,
"weight": 500
},
"metricLabel": {
"size": 20,
"weight": 400
},
"metricValue": {
"size": 24,
"weight": 700
},
"takeaway": {
"size": 25,
"weight": 700
},
"note": {
"size": 17,
"weight": 400
}
},
"colors": {
"ground": "#F6F4EF",
"surface": "#FFFFFF",
"ink": "#252A2C",
"muted": "#697476",
"accent": "#A34F34",
"rule": "#D8D5CD",
"series": [
"#B8B1A3",
"#A34F34",
"#406C67"
]
},
"rules": [
{
"ja": "比較する二枚で縦横のスケールを揃え、目標時間帯も同じ背景帯で示す",
"en": "Keep both panels on identical scales and show the target time window with the same shaded band"
},
{
"ja": "変える条件は挽き目だけ。豆量と抽出量が同じなので、調整前後の差を追いやすい",
"en": "Change grind size only; hold dose and yield constant so the adjustment is easy to interpret"
},
{
"ja": "曲線は説明用の架空サンプルと明記し、味や機材によって適正値が異なることを添える",
"en": "Label the curves as illustrative and note that suitable values depend on taste and equipment"
}
],
"cover": "https://design-vault.pages.dev/_astro/cover.Brhe-2DE.png",
"assets": [],
"shortlist": false,
"status": "published",
"relations": {
"similar": []
},
"license": "Original",
"publishedAt": null,
"reproduction": {
"spec": {
"format": "slide-16x9",
"density": "medium",
"layout": {
"kind": "2-column",
"canvas": {
"w": 1920,
"h": 1080
},
"margin": {
"top": 72,
"right": 120,
"bottom": 76,
"left": 120
},
"columns": {
"count": 2,
"gap": 40
}
},
"type": {
"kicker": {
"size": 20,
"weight": 700,
"tracking": "0.14em"
},
"title": {
"size": 48,
"weight": 700,
"tracking": "-0.02em"
},
"deck": {
"size": 21,
"weight": 400
},
"recipeLabel": {
"size": 20,
"weight": 400
},
"recipeValue": {
"size": 25,
"weight": 700
},
"shot": {
"size": 20,
"weight": 700,
"tracking": "0.1em"
},
"shotTitle": {
"size": 29,
"weight": 700
},
"result": {
"size": 20,
"weight": 700
},
"targetLabel": {
"size": 20,
"weight": 500
},
"metricLabel": {
"size": 20,
"weight": 400
},
"metricValue": {
"size": 24,
"weight": 700
},
"takeaway": {
"size": 25,
"weight": 700
},
"note": {
"size": 17,
"weight": 400
}
},
"colors": {
"ground": "#F6F4EF",
"surface": "#FFFFFF",
"ink": "#252A2C",
"muted": "#697476",
"accent": "#A34F34",
"rule": "#D8D5CD",
"series": [
"#B8B1A3",
"#A34F34",
"#406C67"
]
},
"rules": [
"Keep both panels on identical scales and show the target time window with the same shaded band",
"Change grind size only; hold dose and yield constant so the adjustment is easy to interpret",
"Label the curves as illustrative and note that suitable values depend on taste and equipment"
]
},
"prompt": {
"ja": "以下の仕様でスライドを 1 枚作ってください。\n\n- 版面 1920 × 1080\n- 余白 上 72 右 120 下 76 左 120\n- 2 カラム（等分）、間隔 40\n\n## 文字（版面 1920px に対する px）\nkicker 20px / 700 / 字間 0.14em\ntitle 48px / 700 / 字間 -0.02em\ndeck 21px / 400\nrecipeLabel 20px / 400\nrecipeValue 25px / 700\nshot 20px / 700 / 字間 0.1em\nshotTitle 29px / 700\nresult 20px / 700\ntargetLabel 20px / 500\nmetricLabel 20px / 400\nmetricValue 24px / 700\ntakeaway 25px / 700\nnote 17px / 400\n\n## 配色\n地 #F6F4EF / 面 #FFFFFF / 文字 #252A2C / 補助 #697476 / 強調 #A34F34 / 罫 #D8D5CD / #B8B1A3 / #A34F34 / #406C67\n\n## 外すと崩れる点\n- 比較する二枚で縦横のスケールを揃え、目標時間帯も同じ背景帯で示す\n- 変える条件は挽き目だけ。豆量と抽出量が同じなので、調整前後の差を追いやすい\n- 曲線は説明用の架空サンプルと明記し、味や機材によって適正値が異なることを添える\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/espresso-dial-in-extraction-curves/pattern.html",
"en": "Produce one slide to the following specification.\n\n- Canvas 1920 × 1080\n- Margin top 72 right 120 bottom 76 left 120\n- 2 equal columns, gap 40\n\n## Type (px against a 1920px canvas)\nkicker 20px / 700 / tracking 0.14em\ntitle 48px / 700 / tracking -0.02em\ndeck 21px / 400\nrecipeLabel 20px / 400\nrecipeValue 25px / 700\nshot 20px / 700 / tracking 0.1em\nshotTitle 29px / 700\nresult 20px / 700\ntargetLabel 20px / 500\nmetricLabel 20px / 400\nmetricValue 24px / 700\ntakeaway 25px / 700\nnote 17px / 400\n\n## Colour\nGround #F6F4EF / Surface #FFFFFF / Ink #252A2C / Muted #697476 / Accent #A34F34 / Rule #D8D5CD / #B8B1A3 / #A34F34 / #406C67\n\n## Constraints — dropping these breaks it\n- Keep both panels on identical scales and show the target time window with the same shaded band\n- Change grind size only; hold dose and yield constant so the adjustment is easy to interpret\n- Label the curves as illustrative and note that suitable values depend on taste and equipment\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/espresso-dial-in-extraction-curves/pattern.html."
},
"code": {
"html": "\n\n挽き目を一段細かく — 36gを28秒で抽出\n\n\n\n\n",
"url": "https://design-vault.pages.dev/designs/espresso-dial-in-extraction-curves/pattern.html",
"fonts": [
"https://design-vault.pages.dev/designs/espresso-dial-in-extraction-curves/font.css",
"https://design-vault.pages.dev/designs/espresso-dial-in-extraction-curves/font-0.woff2",
"https://design-vault.pages.dev/designs/espresso-dial-in-extraction-curves/font-1.woff2",
"https://design-vault.pages.dev/designs/espresso-dial-in-extraction-curves/font-2.woff2"
]
}
},
"urls": {
"ja": "https://design-vault.pages.dev/designs/espresso-dial-in-extraction-curves",
"en": "https://design-vault.pages.dev/en/designs/espresso-dial-in-extraction-curves"
},
"notesMarkdown": "豆量と抽出量を固定して挽き目だけを一段調整すると、流量の変化を読みやすく示せる。\nこの図の曲線は架空の説明用サンプルであり、28 秒は普遍的な正解値ではない。"
}