{
"id": "population-pyramid-age-structure",
"schemaVersion": 2,
"title": {
"ja": "人口構成 — 働き手世代が過半を占める",
"en": "Population Structure — Working-Age Adults Make Up a Majority"
},
"summary": {
"ja": "男女の人口比を中央から左右へ同じ尺度で伸ばす人口ピラミッド。年齢層の幅で面積を誤読させず、男女差と総人口比を読む",
"en": "A population pyramid with men and women extending from a shared centre on matching scales. It shows age and sex shares without inviting area comparisons across unequal age bands."
},
"capturedAt": "2026-09-25",
"categories": [
"presentation"
],
"tags": [
"data-viz",
"minimal"
],
"useCases": [
"kpi",
"comparison"
],
"format": "slide-16x9",
"density": "medium",
"layout": {
"kind": "axis",
"canvas": {
"w": 1920,
"h": 1080
},
"margin": {
"top": 96,
"right": 140,
"bottom": 96,
"left": 140
}
},
"type": {
"title": {
"size": 44,
"weight": 700,
"tracking": "0.01em",
"leading": 1.3
},
"window": {
"size": 20,
"weight": 500,
"leading": 1.5
},
"value": {
"size": 24,
"weight": 700,
"numeric": "tabular"
},
"cohort": {
"size": 25,
"weight": 700
},
"axisLabel": {
"size": 20,
"weight": 500
},
"legend": {
"size": 22,
"weight": 500
},
"conclusion": {
"size": 26,
"weight": 500,
"leading": 1.6
},
"note": {
"size": 16,
"weight": 400,
"leading": 1.6
}
},
"colors": {
"ground": "#FFFFFF",
"surface": "#F4F6F9",
"ink": "#131820",
"muted": "#667183",
"accent": "#1F5FA8",
"rule": "#DBE1E9",
"series": [
"#2F6FB5",
"#A85A2E"
]
},
"rules": [
{
"ja": "男女は中央から左右へ同じ尺度で描く。片側の幅を変えると、男女差と人口比の両方が変わって見える",
"en": "Use the same scale on both sides of the centre. Different scales would distort both the sex gap and the population shares."
},
{
"ja": "値は各年齢層が総人口に占める割合と明記する。男女それぞれの合計を 100% と誤解させない",
"en": "State that each value is a share of the total population; the two sides do not each sum to 100%."
},
{
"ja": "年齢階級は 3 つにまとめ、左右の値と対応する中央ラベルを同じ高さに揃える",
"en": "Keep the age groups to three broad bands and align the centre label with both corresponding values."
},
{
"ja": "年齢階級の幅が違うので階級内の人口密度を比べない。各値は総人口比だけを表す",
"en": "The age bands have unequal widths, so do not compare within-band density. Each value shows only its share of the total."
},
{
"ja": "架空データであることを明記し、実際の地域統計と取り違えさせない",
"en": "Label the data as fictional so it cannot be mistaken for an actual region's statistics."
}
],
"cover": "https://design-vault.pages.dev/_astro/cover.gBdNcOGF.png",
"assets": [],
"shortlist": false,
"status": "published",
"relations": {
"similar": []
},
"license": "Original",
"publishedAt": null,
"reproduction": {
"spec": {
"format": "slide-16x9",
"density": "medium",
"layout": {
"kind": "axis",
"canvas": {
"w": 1920,
"h": 1080
},
"margin": {
"top": 96,
"right": 140,
"bottom": 96,
"left": 140
}
},
"type": {
"title": {
"size": 44,
"weight": 700,
"tracking": "0.01em",
"leading": 1.3
},
"window": {
"size": 20,
"weight": 500,
"leading": 1.5
},
"value": {
"size": 24,
"weight": 700,
"numeric": "tabular"
},
"cohort": {
"size": 25,
"weight": 700
},
"axisLabel": {
"size": 20,
"weight": 500
},
"legend": {
"size": 22,
"weight": 500
},
"conclusion": {
"size": 26,
"weight": 500,
"leading": 1.6
},
"note": {
"size": 16,
"weight": 400,
"leading": 1.6
}
},
"colors": {
"ground": "#FFFFFF",
"surface": "#F4F6F9",
"ink": "#131820",
"muted": "#667183",
"accent": "#1F5FA8",
"rule": "#DBE1E9",
"series": [
"#2F6FB5",
"#A85A2E"
]
},
"rules": [
"Use the same scale on both sides of the centre. Different scales would distort both the sex gap and the population shares.",
"State that each value is a share of the total population; the two sides do not each sum to 100%.",
"Keep the age groups to three broad bands and align the centre label with both corresponding values.",
"The age bands have unequal widths, so do not compare within-band density. Each value shows only its share of the total.",
"Label the data as fictional so it cannot be mistaken for an actual region's statistics."
]
},
"prompt": {
"ja": "以下の仕様でスライドを 1 枚作ってください。\n\n- 版面 1920 × 1080\n- 余白 上 96 右 140 下 96 左 140\n\n## 文字（版面 1920px に対する px）\ntitle 44px / 700 / 字間 0.01em / 行送り 1.3\nwindow 20px / 500 / 行送り 1.5\nvalue 24px / 700 / 等幅数字\ncohort 25px / 700\naxisLabel 20px / 500\nlegend 22px / 500\nconclusion 26px / 500 / 行送り 1.6\nnote 16px / 400 / 行送り 1.6\n\n## 配色\n地 #FFFFFF / 面 #F4F6F9 / 文字 #131820 / 補助 #667183 / 強調 #1F5FA8 / 罫 #DBE1E9 / #2F6FB5 / #A85A2E\n\n## 外すと崩れる点\n- 男女は中央から左右へ同じ尺度で描く。片側の幅を変えると、男女差と人口比の両方が変わって見える\n- 値は各年齢層が総人口に占める割合と明記する。男女それぞれの合計を 100% と誤解させない\n- 年齢階級は 3 つにまとめ、左右の値と対応する中央ラベルを同じ高さに揃える\n- 年齢階級の幅が違うので階級内の人口密度を比べない。各値は総人口比だけを表す\n- 架空データであることを明記し、実際の地域統計と取り違えさせない\n\n内容は［ここに自分の内容を書く］に置き換えてください。寸法と配色はそのまま守ってください。\n正確に再現する場合は、この HTML をそのまま使ってください: https://design-vault.pages.dev/designs/population-pyramid-age-structure/pattern.html",
"en": "Produce one slide to the following specification.\n\n- Canvas 1920 × 1080\n- Margin top 96 right 140 bottom 96 left 140\n\n## Type (px against a 1920px canvas)\ntitle 44px / 700 / tracking 0.01em / leading 1.3\nwindow 20px / 500 / leading 1.5\nvalue 24px / 700 / tabular numerals\ncohort 25px / 700\naxisLabel 20px / 500\nlegend 22px / 500\nconclusion 26px / 500 / leading 1.6\nnote 16px / 400 / leading 1.6\n\n## Colour\nGround #FFFFFF / Surface #F4F6F9 / Ink #131820 / Muted #667183 / Accent #1F5FA8 / Rule #DBE1E9 / #2F6FB5 / #A85A2E\n\n## Constraints — dropping these breaks it\n- Use the same scale on both sides of the centre. Different scales would distort both the sex gap and the population shares.\n- State that each value is a share of the total population; the two sides do not each sum to 100%.\n- Keep the age groups to three broad bands and align the centre label with both corresponding values.\n- The age bands have unequal widths, so do not compare within-band density. Each value shows only its share of the total.\n- Label the data as fictional so it cannot be mistaken for an actual region's statistics.\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/population-pyramid-age-structure/pattern.html."
},
"code": {
"html": "\n\n人口構成 — 働き手世代が過半を占める\n\n\n\n\n