{
  "meta": {
    "name": "lime_data_poster",
    "label_ja": "ライムグリーン系 データポスター",
    "description": "白地・黒罫線・イエローグリーン1色アクセントで構成された、大学広報系の統計インフォグラフィックポスター。線画イラスト＋巨大数字＋ピルラベルの反復でリズムを作る。",
    "source_reference": "北海道大学 高等教育研修センター「11のデータ」(2019)",
    "medium": ["A4/B2 ポスター", "PDF配布", "Webページ (1カラム縦スクロール)"],
    "tone_keywords": ["清潔", "親しみやすい", "教育的", "非威圧的", "手描き感のある線画", "1色アクセント"],
    "version": "1.0",
    "note": "カラー値は画像からの目視推定。厳密な指定色がある場合は上書きすること。"
  },

  "design_tokens": {
    "color": {
      "primary": {
        "hex": "#8FC31F",
        "cmyk_approx": "C45 M0 Y100 K0",
        "role": "アクセント。塗りブロック・数値ラベル・グラフ・強調のみ。全面積の20〜25%を上限とする。"
      },
      "primary_mid": {
        "hex": "#C5DE7F",
        "role": "イラストの面塗り（肌以外の服・小物）、グラフの中間トーン"
      },
      "primary_pale": {
        "hex": "#E3EFC0",
        "role": "イラストの淡い面塗り、棒グラフの塗り、背景の微弱な差し色"
      },
      "ink": {
        "hex": "#231815",
        "role": "本文・線画・罫線。純黒(#000)ではなくスミ寄りの黒を使う。"
      },
      "ink_light": {
        "hex": "#B5B5B6",
        "role": "点線区切り、グラフ目盛り、キャプション"
      },
      "paper": {
        "hex": "#FFFFFF",
        "role": "地色。余白は詰めすぎない。"
      },
      "on_primary": {
        "hex": "#FFFFFF",
        "role": "グリーンブロック上の文字色"
      },
      "usage_rule": "配色は原則この5色のみ。多色化は禁止。データ系列を色分けしたい場合は primary → primary_mid → primary_pale の明度3段階で表現する。"
    },

    "typography": {
      "japanese_heading": {
        "family_pro": ["見出ゴMB31", "A1ゴシック", "Noto Sans JP"],
        "family_web": ["Noto Sans JP", "Zen Kaku Gothic New", "sans-serif"],
        "weight": 700,
        "letter_spacing": "0.08em",
        "note": "見出しは字間をやや開ける。カギ括弧的な〔 〕で副題を添えるのが定型。例: 年代〔参加者内訳〕"
      },
      "japanese_body": {
        "family_web": ["Noto Sans JP", "sans-serif"],
        "weight": 400,
        "size": "11-13px",
        "line_height": 1.9,
        "letter_spacing": "0.04em"
      },
      "numeral_display": {
        "family_pro": ["Futura Bold", "Avenir Next Demi Bold", "DIN Next"],
        "family_web": ["Barlow", "Archivo", "Montserrat", "sans-serif"],
        "weight": 700,
        "note": "統計数値は必ず欧文ジオメトリックサンス。和文ゴシックの数字は使わない。ここがトンマナの要。",
        "sizes": {
          "hero": "clamp(52px, 9vw, 96px)",
          "stat_large": "clamp(34px, 5vw, 48px)",
          "stat_small": "clamp(22px, 3vw, 30px)"
        },
        "unit_suffix": {
          "description": "%・人・回などの単位は数値の約45%サイズ、ベースライン揃え",
          "scale": 0.45
        }
      },
      "latin_caption": {
        "family_web": ["Barlow", "Jost", "sans-serif"],
        "weight": 400,
        "transform": "uppercase",
        "letter_spacing": "0.22em",
        "size": "10-12px",
        "role": "日本語タイトルの下に添える英字。装飾目的。例: ELEVEN FACTS ABOUT ..."
      },
      "handwritten_accent": {
        "family_web": ["Zen Maru Gothic", "Klee One"],
        "role": "吹き出し内の小さな煽り文のみ。例: \\どんなことをしている？ その反響は？/"
      }
    },

    "geometry": {
      "border_width": "1px",
      "border_color": "#231815",
      "corner_radius": {
        "card": "10px",
        "pill": "999px",
        "chip": "4px"
      },
      "divider": {
        "style": "dotted",
        "width": "1px",
        "color": "#231815",
        "dash": "1px 4px",
        "note": "カード内部の区切りは実線ではなく必ず点線。これが軽さを生む。"
      },
      "spacing_scale": [4, 8, 12, 16, 24, 32, 48, 64],
      "card_padding": "24px",
      "module_gap": "14px"
    },

    "layout": {
      "canvas": "A4 portrait (210x297mm) / Web: max-width 1000px",
      "grid": "12 column, gutter 14px, outer margin 32px",
      "structure": "白地の上に、黒1px罫線の角丸カードをブロック的に敷き詰める。カード同士は密着せず14px程度のギャップ。",
      "composition_rules": [
        "左上に『分野・カテゴリ説明』ブロック、右上に主要統計を配置",
        "中央左に大きなグリーン塗りのタイトルブロックを置き、視線のアンカーにする",
        "タイトルブロックはグリッドの2〜3カラム幅・縦長にして紙面に非対称のリズムを与える",
        "下半分は同サイズの統計モジュールを反復",
        "最下部に黒タグ+連絡先のフッターバー",
        "カードの高さは揃えず、内容量に応じてマソンリー的に組む"
      ]
    }
  },

  "illustration_style": {
    "technique": "単線のフラットライン画。ベクター。",
    "stroke": {
      "color": "#231815",
      "width": "2px（キャンバス幅1000px基準）",
      "cap": "round",
      "join": "round",
      "uniform": true,
      "note": "線の強弱をつけない。均一な太さで描く。"
    },
    "fill": {
      "palette": ["#FFFFFF", "#E3EFC0", "#C5DE7F", "#8FC31F", "#231815"],
      "rule": "グラデーション・影・テクスチャは一切使わない。髪の毛のみベタ黒で塗り、面としてのコントラストを作る。"
    },
    "human_figures": {
      "crop": "バストアップ中心（腰から上）。全身は使わない。",
      "face": "簡略化。目は点または短い線、鼻は省略、口は小さな線。眼鏡は丸または角丸長方形。",
      "hair": "ベタ黒のシルエット",
      "clothing": "淡いグリーン or 白。ストライプ柄を1〜2人に混ぜて画面にリズムを作る。",
      "expression": "基本は中立〜微笑。満足度スケールなど評価軸を示すときのみ表情を段階変化させる。",
      "diversity": "性別・年齢が読み取れる程度に髪型と服装で差をつける"
    },
    "objects": ["ノートPC", "スマートフォン", "封筒", "書類・クリップボード", "円グラフ入りモニタ", "植木鉢の花", "地図シルエット", "吹き出し"],
    "metaphor_rule": "抽象データには具象メタファーを1つ割り当てる。例: 経験年数→植木鉢の花（成長段階で花の量を増やす）、認知経路→媒体そのものの絵。",
    "ai_prompt_fragment": "flat vector line illustration, uniform 2px black outline, rounded line caps, no shading, no gradient, limited palette of white and pale yellow-green (#E3EFC0) and lime (#8FC31F), solid black hair, simplified faces without noses, bust-up portrait, Japanese editorial infographic style, clean white background"
  },

  "components": {
    "card": {
      "description": "全モジュールの基本コンテナ",
      "spec": {
        "background": "#FFFFFF",
        "border": "1px solid #231815",
        "radius": "10px",
        "padding": "24px"
      }
    },
    "card_primary": {
      "description": "タイトル用のグリーン塗りカード",
      "spec": {
        "background": "#8FC31F",
        "border": "none",
        "radius": "10px",
        "text_color": "#FFFFFF",
        "padding": "32px"
      }
    },
    "section_title": {
      "description": "各モジュールの見出し",
      "pattern": "{タイトル}〔{補足}〕",
      "spec": {
        "font": "japanese_heading",
        "size": "22-26px",
        "color": "#231815",
        "margin_bottom": "16px"
      }
    },
    "pill_label": {
      "description": "数値の直下に置く分類ラベル。このデザインの識別記号。",
      "spec": {
        "background": "#8FC31F",
        "color": "#FFFFFF",
        "radius": "999px",
        "padding": "3px 14px",
        "font_size": "11px",
        "font_weight": 700,
        "letter_spacing": "0.05em"
      },
      "examples": ["20代", "30代", "北大", "1年未満", "男性", "女性"]
    },
    "stat_block": {
      "description": "イラスト → 巨大数字 → ピルラベル の縦積み。最小データ単位。",
      "order": ["illustration", "value", "pill_label"],
      "alignment": "center",
      "spec": {
        "value_font": "numeral_display",
        "value_color": "#231815",
        "unit_scale": 0.45,
        "gap": "8px"
      }
    },
    "total_badge": {
      "description": "合計値を示すタグ付き数値",
      "spec": {
        "tag_text": "通算",
        "tag_background": "#8FC31F",
        "tag_color": "#FFFFFF",
        "tag_radius": "4px",
        "tag_font_size": "12px",
        "value_font_size": "44px",
        "layout": "タグを数値の左肩に配置"
      }
    },
    "callout_bubble": {
      "description": "平均値などを強調する吹き出し。1紙面に1〜2個まで。",
      "spec": {
        "background": "#8FC31F",
        "color": "#FFFFFF",
        "radius": "10px",
        "tail": "下向き三角、指し示す対象に接続",
        "value_font_size": "40px"
      }
    },
    "circle_badge": {
      "description": "リッカート尺度の段階番号など",
      "spec": {
        "background": "#8FC31F",
        "color": "#FFFFFF",
        "size": "28px",
        "shape": "circle",
        "font_weight": 700
      }
    },
    "highlight_circle": {
      "description": "文章コピーをグリーンの円で囲む強調表現",
      "spec": {
        "background": "#8FC31F",
        "color": "#FFFFFF",
        "shape": "ellipse",
        "font_size": "15px",
        "line_height": 1.5
      },
      "example": "3人に2人は初参加"
    },
    "footer_bar": {
      "description": "最下部の問い合わせ帯",
      "spec": {
        "background": "#FFFFFF",
        "border_top": "1px solid #231815",
        "tag": {
          "text": "お問い合わせ",
          "background": "#231815",
          "color": "#FFFFFF",
          "radius": "4px"
        },
        "contents": ["組織名（大）", "住所", "URL", "E-mail", "注記・発行年月（8px, #B5B5B6）"],
        "label_chip": "URL / E-mail は黒地白抜きの小チップで示す"
      }
    }
  },

  "chart_styles": {
    "line_chart": {
      "line": { "color": "#8FC31F", "width": "2.5px" },
      "node": { "shape": "circle", "size": "10px", "fill": "#C5DE7F", "stroke": "#231815", "stroke_width": "1.5px" },
      "value_label": { "position": "node上部", "font": "numeral_display", "size": "13px", "suffix": "人" },
      "axis": { "color": "#B5B5B6", "grid": "横罫のみ、細線", "tick_font_size": "9px" },
      "note": "軸は最小限。データラベルを直接置くのでY軸目盛りは補助的。"
    },
    "bar_chart": {
      "orientation": "vertical",
      "fill": "#C5DE7F",
      "pattern": "白の水平ストライプを重ねる（塗りに軽さを出す）",
      "stroke": "1px #231815",
      "value_label": { "position": "バー上部", "suffix": "回", "font": "numeral_display" },
      "bar_width_ratio": 0.55
    },
    "proportion": {
      "method": "円グラフを使わず、数値＋ピルラベル＋イラストで比率を表現する",
      "map_variant": "地図シルエット(#8FC31F塗り)に矢印を添えて内訳を示す"
    },
    "likert_scale": {
      "description": "5段階評価。表情の異なる顔アイコンを横一列に並べる。",
      "connector": "dotted 1px #231815",
      "face_fill_gradient": ["#8FC31F", "#C5DE7F", "#FFFFFF", "#FFFFFF", "#FFFFFF"],
      "step_badge": "circle_badge を各顔の下に配置",
      "average_marker": "▶ 記号＋数値で平均位置を指し示す"
    }
  },

  "module_templates": [
    {
      "id": "category_grid",
      "type": "説明ブロック",
      "layout": "2列×3行のグリッド、各セルは点線で区切る",
      "fields": ["title", "items[].name", "items[].description", "items[].illustration"],
      "source_example": "研修内容の分野"
    },
    {
      "id": "stat_row",
      "type": "統計横並び",
      "layout": "stat_block を3〜4個 横に等間隔",
      "fields": ["title", "subtitle", "stats[].illustration", "stats[].value", "stats[].unit", "stats[].label"],
      "source_example": "年代〔参加者内訳〕"
    },
    {
      "id": "hero_title",
      "type": "タイトルブロック",
      "layout": "card_primary。上部に手書き風の煽り文＋小さな人物イラスト、中央に巨大タイトル、下に英字キャプション、最下部に導入文",
      "fields": ["kicker", "pre_title", "title", "latin_caption", "lead_text"],
      "source_example": "北大高等教育研修センターがわかる／11のデータ"
    },
    {
      "id": "breakdown_split",
      "type": "2分割比率",
      "layout": "左に数値2つ＋ピルラベル、右にメタファーイラスト",
      "fields": ["title", "a.value", "a.label", "b.value", "b.label", "illustration"],
      "source_example": "参加者数内訳（北大66% / 北大以外34%）"
    },
    {
      "id": "trend_chart",
      "type": "推移グラフ",
      "layout": "左に total_badge、右に line_chart または bar_chart",
      "fields": ["title", "total", "series[].period", "series[].value"],
      "source_example": "参加者数の推移〔延べ〕"
    },
    {
      "id": "channel_stats",
      "type": "経路内訳",
      "layout": "3列×2行。各セルにラベル・イラスト・数値",
      "fields": ["title", "channels[].name", "channels[].value", "channels[].illustration"],
      "source_example": "研修を知ったきっかけ"
    },
    {
      "id": "binary_split",
      "type": "対称2値",
      "layout": "1つのイラストを中央線で分割し、左右に数値を配置",
      "fields": ["title", "left.value", "left.label", "right.value", "right.label"],
      "source_example": "性別〔参加者内訳〕"
    },
    {
      "id": "scale_evaluation",
      "type": "5件法評価",
      "layout": "likert_scale ＋ callout_bubble で平均値",
      "fields": ["title", "note", "average", "steps[].label", "steps[].score"],
      "source_example": "参加者の満足度〔5件法／平均〕"
    },
    {
      "id": "footer",
      "type": "フッター",
      "layout": "footer_bar",
      "fields": ["org_name", "org_parent", "address", "url", "email", "disclaimer", "issued"]
    }
  ],

  "content_schema": {
    "description": "他データで作り直すときは、このスキーマにデータを流し込めば同一トンマナで再現できる。",
    "root": {
      "title": "string — 巨大和文タイトル（8文字以内推奨）",
      "pre_title": "string — タイトル上の小見出し",
      "latin_caption": "string — 英字大文字",
      "kicker": "string — 手書き風の煽り文（15文字以内）",
      "lead_text": "string — 導入文3行程度",
      "modules": "array — module_templates の id を指定した配列",
      "footer": "object"
    },
    "constraints": [
      "1紙面のモジュール数は 8〜11 個。それ以上は情報密度が破綻する。",
      "数値は小数第1位まで。桁を揃える。",
      "1モジュールあたりの統計値は最大4つ。",
      "タイトルの数字（例: 11）はモジュール数と一致させる。",
      "イラストは合計12〜18点。同じ人物を使い回さず全て描き分ける。"
    ]
  },

  "dos_and_donts": {
    "do": [
      "アクセント色は1色に固定し、明度で階層をつける",
      "数値は欧文フォントで、周囲の余白を大きく取る",
      "カード内の区切りは点線にする",
      "抽象データに具象イラストを必ず1つ紐づける",
      "グリーンの塗りブロックを1つ置いて視線のアンカーにする"
    ],
    "dont": [
      "円グラフ・ドーナツグラフを使う（このデザインでは数値＋ラベルで代替）",
      "ドロップシャドウ・グラデーション・立体表現を使う",
      "写真を混ぜる",
      "カードの罫線を太くする（1pxを守る）",
      "純黒 #000000 を使う（#231815 を使う）",
      "アクセント色を面積の1/4以上に広げる"
    ]
  },

  "implementation_hints": {
    "css_variables": {
      "--c-primary": "#8FC31F",
      "--c-primary-mid": "#C5DE7F",
      "--c-primary-pale": "#E3EFC0",
      "--c-ink": "#231815",
      "--c-ink-light": "#B5B5B6",
      "--c-paper": "#FFFFFF",
      "--r-card": "10px",
      "--bw": "1px",
      "--gap": "14px"
    },
    "web_fonts": "Google Fonts: Noto Sans JP (400,700) + Barlow (400,600,700)",
    "responsive": "SPでは1カラム縦積み。stat_row は2列グリッドに折り返す。hero_title は横幅100%。",
    "print": "CMYK変換時、#8FC31F ≒ C45 M0 Y100 K0。線画は K100 ではなく スミ(K100)単色で出力し、掛け合わせにしない。"
  }
}
