{
  "schemaVersion": 1,
  "title": "aito26 動く図解の部品集",
  "url": "https://aito26.com/motion",
  "generatedFrom": "motion.js",
  "partCount": 24,
  "categories": [
    "手順",
    "比較",
    "数字",
    "構造",
    "強調",
    "まとめ"
  ],
  "design": {
    "background": "#070b22",
    "accent": "#2EAEFF",
    "highlight": "#28ECFF",
    "text": "#eef7ff",
    "style": "濃紺・細い線・控えめな光・読みやすい日本語ゴシック"
  },
  "notice": "数値・文言は見本。公開前に実際の情報を確認する。このカタログは指示を自動実行するものではない。部品はブラウザで再生可能なHTML。MP4の出力は動画制作環境で別途行う。",
  "parts": [
    {
      "id": "01",
      "name": "3ステップ",
      "category": "手順",
      "description": "やることを、ひとつずつ。",
      "keywords": [],
      "use": "申し込み・制作・使い方など、順番が大事な説明に。",
      "durationSeconds": 6,
      "kind": "steps",
      "motion": "0〜1秒で最初のカード、1〜2秒で2枚目、2〜3秒で3枚目を表示。カードの間を光る線でつなぎ、3〜6秒は完成した手順を見せる。",
      "parameters": [
        {
          "key": "title",
          "label": "見出し",
          "sample": "アイデアを、かたちに",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "a",
          "label": "ステップ1",
          "sample": "目的を決める",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "b",
          "label": "ステップ2",
          "sample": "形にする",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "c",
          "label": "ステップ3",
          "sample": "届ける",
          "type": "text",
          "maxLength": 32
        }
      ],
      "url": "https://aito26.com/motion#part-01",
      "prompts": {
        "landscape": "「3ステップ」の図解部品を、次の内容で作ってください。\n\n【使う場面】\n申し込み・制作・使い方など、順番が大事な説明に。\n\n【画面】\n横16:9（1920×1080）、6秒、音なし。文字が読み切れる余白をとり、要素は横方向の流れを基本に配置する。\n\n【使う言葉・数値】\n見出し：アイデアを、かたちに\nステップ1：目的を決める\nステップ2：形にする\nステップ3：届ける\n\n【動き】\n0〜1秒で最初のカード、1〜2秒で2枚目、2〜3秒で3枚目を表示。カードの間を光る線でつなぎ、3〜6秒は完成した手順を見せる。\n\n【デザイン】\naito26の濃紺 #070b22 を背景に、青 #2EAEFF と水色 #28ECFF をアクセント。白い文字、細い線、控えめな光。本文は読みやすい日本語ゴシック体。1画面1メッセージ。激しい点滅は使わない。\n\n【制作時の確認】\n入力の数字や文言は見本を含みます。公開前に実際の情報で確認し、根拠のない実績・比較・効果を作らない。不明な情報は確認する。まず完成画面を見せ、動画化する場合は使える制作環境と出力形式を確認する。\n\n参考部品：aito26「3ステップ」 / https://aito26.com/motion#part-01",
        "portrait": "「3ステップ」の図解部品を、次の内容で作ってください。\n\n【使う場面】\n申し込み・制作・使い方など、順番が大事な説明に。\n\n【画面】\n縦9:16（1080×1920）、6秒、音なし。文字が読み切れる余白をとり、要素は縦に並べ替え、中央の安全な範囲に収める。\n\n【使う言葉・数値】\n見出し：アイデアを、かたちに\nステップ1：目的を決める\nステップ2：形にする\nステップ3：届ける\n\n【動き】\n0〜1秒で最初のカード、1〜2秒で2枚目、2〜3秒で3枚目を表示。カードの間を光る線でつなぎ、3〜6秒は完成した手順を見せる。\n\n【デザイン】\naito26の濃紺 #070b22 を背景に、青 #2EAEFF と水色 #28ECFF をアクセント。白い文字、細い線、控えめな光。本文は読みやすい日本語ゴシック体。1画面1メッセージ。激しい点滅は使わない。\n\n【制作時の確認】\n入力の数字や文言は見本を含みます。公開前に実際の情報で確認し、根拠のない実績・比較・効果を作らない。不明な情報は確認する。まず完成画面を見せ、動画化する場合は使える制作環境と出力形式を確認する。\n\n参考部品：aito26「3ステップ」 / https://aito26.com/motion#part-01"
      }
    },
    {
      "id": "02",
      "name": "ロードマップ",
      "category": "手順",
      "description": "ゴールまでの道のりを描く。",
      "keywords": [],
      "use": "制作計画・学習の道順・サービス開始までの流れに。",
      "durationSeconds": 6,
      "kind": "roadmap",
      "motion": "0〜2秒で道筋を描き、0.5秒・1.4秒・2.3秒に節目を点灯。最後のゴールを光らせ、3〜6秒は全体像を見せる。",
      "parameters": [
        {
          "key": "title",
          "label": "見出し",
          "sample": "小さく始めて、育てる",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "a",
          "label": "はじめ",
          "sample": "試す",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "b",
          "label": "途中",
          "sample": "磨く",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "c",
          "label": "ゴール",
          "sample": "広げる",
          "type": "text",
          "maxLength": 32
        }
      ],
      "url": "https://aito26.com/motion#part-02",
      "prompts": {
        "landscape": "「ロードマップ」の図解部品を、次の内容で作ってください。\n\n【使う場面】\n制作計画・学習の道順・サービス開始までの流れに。\n\n【画面】\n横16:9（1920×1080）、6秒、音なし。文字が読み切れる余白をとり、要素は横方向の流れを基本に配置する。\n\n【使う言葉・数値】\n見出し：小さく始めて、育てる\nはじめ：試す\n途中：磨く\nゴール：広げる\n\n【動き】\n0〜2秒で道筋を描き、0.5秒・1.4秒・2.3秒に節目を点灯。最後のゴールを光らせ、3〜6秒は全体像を見せる。\n\n【デザイン】\naito26の濃紺 #070b22 を背景に、青 #2EAEFF と水色 #28ECFF をアクセント。白い文字、細い線、控えめな光。本文は読みやすい日本語ゴシック体。1画面1メッセージ。激しい点滅は使わない。\n\n【制作時の確認】\n入力の数字や文言は見本を含みます。公開前に実際の情報で確認し、根拠のない実績・比較・効果を作らない。不明な情報は確認する。まず完成画面を見せ、動画化する場合は使える制作環境と出力形式を確認する。\n\n参考部品：aito26「ロードマップ」 / https://aito26.com/motion#part-02",
        "portrait": "「ロードマップ」の図解部品を、次の内容で作ってください。\n\n【使う場面】\n制作計画・学習の道順・サービス開始までの流れに。\n\n【画面】\n縦9:16（1080×1920）、6秒、音なし。文字が読み切れる余白をとり、要素は縦に並べ替え、中央の安全な範囲に収める。\n\n【使う言葉・数値】\n見出し：小さく始めて、育てる\nはじめ：試す\n途中：磨く\nゴール：広げる\n\n【動き】\n0〜2秒で道筋を描き、0.5秒・1.4秒・2.3秒に節目を点灯。最後のゴールを光らせ、3〜6秒は全体像を見せる。\n\n【デザイン】\naito26の濃紺 #070b22 を背景に、青 #2EAEFF と水色 #28ECFF をアクセント。白い文字、細い線、控えめな光。本文は読みやすい日本語ゴシック体。1画面1メッセージ。激しい点滅は使わない。\n\n【制作時の確認】\n入力の数字や文言は見本を含みます。公開前に実際の情報で確認し、根拠のない実績・比較・効果を作らない。不明な情報は確認する。まず完成画面を見せ、動画化する場合は使える制作環境と出力形式を確認する。\n\n参考部品：aito26「ロードマップ」 / https://aito26.com/motion#part-02"
      }
    },
    {
      "id": "03",
      "name": "循環する流れ",
      "category": "手順",
      "description": "繰り返す仕組みを見せる。",
      "keywords": [],
      "use": "改善のサイクル・日々のルーティン・情報の循環に。",
      "durationSeconds": 6,
      "kind": "cycle",
      "motion": "0〜2.5秒で3つの節目と円形の道筋を順に表示。光点が流れの向きに1周し、完成後もゆっくり巡る。",
      "parameters": [
        {
          "key": "title",
          "label": "見出し",
          "sample": "少しずつ、よくする",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "a",
          "label": "流れ1",
          "sample": "つくる",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "b",
          "label": "流れ2",
          "sample": "試す",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "c",
          "label": "流れ3",
          "sample": "直す",
          "type": "text",
          "maxLength": 32
        }
      ],
      "url": "https://aito26.com/motion#part-03",
      "prompts": {
        "landscape": "「循環する流れ」の図解部品を、次の内容で作ってください。\n\n【使う場面】\n改善のサイクル・日々のルーティン・情報の循環に。\n\n【画面】\n横16:9（1920×1080）、6秒、音なし。文字が読み切れる余白をとり、要素は横方向の流れを基本に配置する。\n\n【使う言葉・数値】\n見出し：少しずつ、よくする\n流れ1：つくる\n流れ2：試す\n流れ3：直す\n\n【動き】\n0〜2.5秒で3つの節目と円形の道筋を順に表示。光点が流れの向きに1周し、完成後もゆっくり巡る。\n\n【デザイン】\naito26の濃紺 #070b22 を背景に、青 #2EAEFF と水色 #28ECFF をアクセント。白い文字、細い線、控えめな光。本文は読みやすい日本語ゴシック体。1画面1メッセージ。激しい点滅は使わない。\n\n【制作時の確認】\n入力の数字や文言は見本を含みます。公開前に実際の情報で確認し、根拠のない実績・比較・効果を作らない。不明な情報は確認する。まず完成画面を見せ、動画化する場合は使える制作環境と出力形式を確認する。\n\n参考部品：aito26「循環する流れ」 / https://aito26.com/motion#part-03",
        "portrait": "「循環する流れ」の図解部品を、次の内容で作ってください。\n\n【使う場面】\n改善のサイクル・日々のルーティン・情報の循環に。\n\n【画面】\n縦9:16（1080×1920）、6秒、音なし。文字が読み切れる余白をとり、要素は縦に並べ替え、中央の安全な範囲に収める。\n\n【使う言葉・数値】\n見出し：少しずつ、よくする\n流れ1：つくる\n流れ2：試す\n流れ3：直す\n\n【動き】\n0〜2.5秒で3つの節目と円形の道筋を順に表示。光点が流れの向きに1周し、完成後もゆっくり巡る。\n\n【デザイン】\naito26の濃紺 #070b22 を背景に、青 #2EAEFF と水色 #28ECFF をアクセント。白い文字、細い線、控えめな光。本文は読みやすい日本語ゴシック体。1画面1メッセージ。激しい点滅は使わない。\n\n【制作時の確認】\n入力の数字や文言は見本を含みます。公開前に実際の情報で確認し、根拠のない実績・比較・効果を作らない。不明な情報は確認する。まず完成画面を見せ、動画化する場合は使える制作環境と出力形式を確認する。\n\n参考部品：aito26「循環する流れ」 / https://aito26.com/motion#part-03"
      }
    },
    {
      "id": "04",
      "name": "ビフォー・アフター",
      "category": "比較",
      "description": "変わったところが、すぐ伝わる。",
      "keywords": [
        "改善",
        "変化",
        "効率化",
        "ビフォーアフター"
      ],
      "use": "作業改善・リニューアル・変化の説明に。良し悪しは色だけに頼らず言葉でも示します。",
      "durationSeconds": 6,
      "kind": "beforeafter",
      "motion": "0〜1秒で変更前、1〜2秒で矢印、2〜3秒で変更後を表示。変更後の枠を水色で強調し、3〜6秒は両方を並べる。",
      "parameters": [
        {
          "key": "title",
          "label": "見出し",
          "sample": "時間の使い方を変える",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "a",
          "label": "変更前",
          "sample": "毎回、手入力",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "b",
          "label": "変更後",
          "sample": "一度、仕組み化",
          "type": "text",
          "maxLength": 32
        }
      ],
      "url": "https://aito26.com/motion#part-04",
      "prompts": {
        "landscape": "「ビフォー・アフター」の図解部品を、次の内容で作ってください。\n\n【使う場面】\n作業改善・リニューアル・変化の説明に。良し悪しは色だけに頼らず言葉でも示します。\n\n【画面】\n横16:9（1920×1080）、6秒、音なし。文字が読み切れる余白をとり、要素は横方向の流れを基本に配置する。\n\n【使う言葉・数値】\n見出し：時間の使い方を変える\n変更前：毎回、手入力\n変更後：一度、仕組み化\n\n【動き】\n0〜1秒で変更前、1〜2秒で矢印、2〜3秒で変更後を表示。変更後の枠を水色で強調し、3〜6秒は両方を並べる。\n\n【デザイン】\naito26の濃紺 #070b22 を背景に、青 #2EAEFF と水色 #28ECFF をアクセント。白い文字、細い線、控えめな光。本文は読みやすい日本語ゴシック体。1画面1メッセージ。激しい点滅は使わない。\n\n【制作時の確認】\n入力の数字や文言は見本を含みます。公開前に実際の情報で確認し、根拠のない実績・比較・効果を作らない。不明な情報は確認する。まず完成画面を見せ、動画化する場合は使える制作環境と出力形式を確認する。\n\n参考部品：aito26「ビフォー・アフター」 / https://aito26.com/motion#part-04",
        "portrait": "「ビフォー・アフター」の図解部品を、次の内容で作ってください。\n\n【使う場面】\n作業改善・リニューアル・変化の説明に。良し悪しは色だけに頼らず言葉でも示します。\n\n【画面】\n縦9:16（1080×1920）、6秒、音なし。文字が読み切れる余白をとり、要素は縦に並べ替え、中央の安全な範囲に収める。\n\n【使う言葉・数値】\n見出し：時間の使い方を変える\n変更前：毎回、手入力\n変更後：一度、仕組み化\n\n【動き】\n0〜1秒で変更前、1〜2秒で矢印、2〜3秒で変更後を表示。変更後の枠を水色で強調し、3〜6秒は両方を並べる。\n\n【デザイン】\naito26の濃紺 #070b22 を背景に、青 #2EAEFF と水色 #28ECFF をアクセント。白い文字、細い線、控えめな光。本文は読みやすい日本語ゴシック体。1画面1メッセージ。激しい点滅は使わない。\n\n【制作時の確認】\n入力の数字や文言は見本を含みます。公開前に実際の情報で確認し、根拠のない実績・比較・効果を作らない。不明な情報は確認する。まず完成画面を見せ、動画化する場合は使える制作環境と出力形式を確認する。\n\n参考部品：aito26「ビフォー・アフター」 / https://aito26.com/motion#part-04"
      }
    },
    {
      "id": "05",
      "name": "2つの案を比べる",
      "category": "比較",
      "description": "違いを並べて、選びやすく。",
      "keywords": [],
      "use": "方法・サービス・企画案の特徴を公平に比べたいときに。",
      "durationSeconds": 6,
      "kind": "compare",
      "motion": "0〜1秒で左右の見出しを表示。1〜2.5秒で特徴を並べ、中央の区切り線が伸びる。3〜6秒は同じ大きさで両案を見せる。",
      "parameters": [
        {
          "key": "title",
          "label": "見出し",
          "sample": "目的に合う方を選ぶ",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "a",
          "label": "案A",
          "sample": "すぐ始める",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "b",
          "label": "案Aの特徴",
          "sample": "小さく試せる",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "c",
          "label": "案B",
          "sample": "じっくり育てる",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "d",
          "label": "案Bの特徴",
          "sample": "自分向けに整う",
          "type": "text",
          "maxLength": 32
        }
      ],
      "url": "https://aito26.com/motion#part-05",
      "prompts": {
        "landscape": "「2つの案を比べる」の図解部品を、次の内容で作ってください。\n\n【使う場面】\n方法・サービス・企画案の特徴を公平に比べたいときに。\n\n【画面】\n横16:9（1920×1080）、6秒、音なし。文字が読み切れる余白をとり、要素は横方向の流れを基本に配置する。\n\n【使う言葉・数値】\n見出し：目的に合う方を選ぶ\n案A：すぐ始める\n案Aの特徴：小さく試せる\n案B：じっくり育てる\n案Bの特徴：自分向けに整う\n\n【動き】\n0〜1秒で左右の見出しを表示。1〜2.5秒で特徴を並べ、中央の区切り線が伸びる。3〜6秒は同じ大きさで両案を見せる。\n\n【デザイン】\naito26の濃紺 #070b22 を背景に、青 #2EAEFF と水色 #28ECFF をアクセント。白い文字、細い線、控えめな光。本文は読みやすい日本語ゴシック体。1画面1メッセージ。激しい点滅は使わない。\n\n【制作時の確認】\n入力の数字や文言は見本を含みます。公開前に実際の情報で確認し、根拠のない実績・比較・効果を作らない。不明な情報は確認する。まず完成画面を見せ、動画化する場合は使える制作環境と出力形式を確認する。\n\n参考部品：aito26「2つの案を比べる」 / https://aito26.com/motion#part-05",
        "portrait": "「2つの案を比べる」の図解部品を、次の内容で作ってください。\n\n【使う場面】\n方法・サービス・企画案の特徴を公平に比べたいときに。\n\n【画面】\n縦9:16（1080×1920）、6秒、音なし。文字が読み切れる余白をとり、要素は縦に並べ替え、中央の安全な範囲に収める。\n\n【使う言葉・数値】\n見出し：目的に合う方を選ぶ\n案A：すぐ始める\n案Aの特徴：小さく試せる\n案B：じっくり育てる\n案Bの特徴：自分向けに整う\n\n【動き】\n0〜1秒で左右の見出しを表示。1〜2.5秒で特徴を並べ、中央の区切り線が伸びる。3〜6秒は同じ大きさで両案を見せる。\n\n【デザイン】\naito26の濃紺 #070b22 を背景に、青 #2EAEFF と水色 #28ECFF をアクセント。白い文字、細い線、控えめな光。本文は読みやすい日本語ゴシック体。1画面1メッセージ。激しい点滅は使わない。\n\n【制作時の確認】\n入力の数字や文言は見本を含みます。公開前に実際の情報で確認し、根拠のない実績・比較・効果を作らない。不明な情報は確認する。まず完成画面を見せ、動画化する場合は使える制作環境と出力形式を確認する。\n\n参考部品：aito26「2つの案を比べる」 / https://aito26.com/motion#part-05"
      }
    },
    {
      "id": "06",
      "name": "割合を比べる",
      "category": "比較",
      "description": "内訳の違いを、帯で見せる。",
      "keywords": [
        "売上",
        "時間",
        "構成比",
        "割合",
        "内訳"
      ],
      "use": "時間配分・アンケートの割合・業務の内訳など、2つの割合を比べるときに。",
      "durationSeconds": 6,
      "kind": "ratios",
      "motion": "0〜1秒でラベルを表示。1〜3秒で2本の帯をそれぞれの割合まで伸ばし、数値を確定。3〜6秒で比較する時間を取る。",
      "parameters": [
        {
          "key": "title",
          "label": "見出し",
          "sample": "使い方が、変わる",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "a",
          "label": "上の項目",
          "sample": "つくる時間",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "b",
          "label": "上の割合（%）",
          "sample": "70",
          "type": "number",
          "min": 0,
          "max": 100,
          "step": 1
        },
        {
          "key": "c",
          "label": "下の項目",
          "sample": "整える時間",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "d",
          "label": "下の割合（%）",
          "sample": "30",
          "type": "number",
          "min": 0,
          "max": 100,
          "step": 1
        }
      ],
      "url": "https://aito26.com/motion#part-06",
      "prompts": {
        "landscape": "「割合を比べる」の図解部品を、次の内容で作ってください。\n\n【使う場面】\n時間配分・アンケートの割合・業務の内訳など、2つの割合を比べるときに。\n\n【画面】\n横16:9（1920×1080）、6秒、音なし。文字が読み切れる余白をとり、要素は横方向の流れを基本に配置する。\n\n【使う言葉・数値】\n見出し：使い方が、変わる\n上の項目：つくる時間\n上の割合（%）：70\n下の項目：整える時間\n下の割合（%）：30\n\n【動き】\n0〜1秒でラベルを表示。1〜3秒で2本の帯をそれぞれの割合まで伸ばし、数値を確定。3〜6秒で比較する時間を取る。\n\n【デザイン】\naito26の濃紺 #070b22 を背景に、青 #2EAEFF と水色 #28ECFF をアクセント。白い文字、細い線、控えめな光。本文は読みやすい日本語ゴシック体。1画面1メッセージ。激しい点滅は使わない。\n\n【制作時の確認】\n入力の数字や文言は見本を含みます。公開前に実際の情報で確認し、根拠のない実績・比較・効果を作らない。不明な情報は確認する。まず完成画面を見せ、動画化する場合は使える制作環境と出力形式を確認する。\n\n参考部品：aito26「割合を比べる」 / https://aito26.com/motion#part-06",
        "portrait": "「割合を比べる」の図解部品を、次の内容で作ってください。\n\n【使う場面】\n時間配分・アンケートの割合・業務の内訳など、2つの割合を比べるときに。\n\n【画面】\n縦9:16（1080×1920）、6秒、音なし。文字が読み切れる余白をとり、要素は縦に並べ替え、中央の安全な範囲に収める。\n\n【使う言葉・数値】\n見出し：使い方が、変わる\n上の項目：つくる時間\n上の割合（%）：70\n下の項目：整える時間\n下の割合（%）：30\n\n【動き】\n0〜1秒でラベルを表示。1〜3秒で2本の帯をそれぞれの割合まで伸ばし、数値を確定。3〜6秒で比較する時間を取る。\n\n【デザイン】\naito26の濃紺 #070b22 を背景に、青 #2EAEFF と水色 #28ECFF をアクセント。白い文字、細い線、控えめな光。本文は読みやすい日本語ゴシック体。1画面1メッセージ。激しい点滅は使わない。\n\n【制作時の確認】\n入力の数字や文言は見本を含みます。公開前に実際の情報で確認し、根拠のない実績・比較・効果を作らない。不明な情報は確認する。まず完成画面を見せ、動画化する場合は使える制作環境と出力形式を確認する。\n\n参考部品：aito26「割合を比べる」 / https://aito26.com/motion#part-06"
      }
    },
    {
      "id": "07",
      "name": "数字カウント",
      "category": "数字",
      "description": "ひとつの数字を、主役に。",
      "keywords": [
        "売上",
        "実績",
        "件数",
        "人数",
        "目標",
        "数値"
      ],
      "use": "件数・人数・達成数を大きく示す場面に。数字は実際の資料にあるものを使います。",
      "durationSeconds": 6,
      "kind": "counter",
      "motion": "0〜2.5秒で0から指定値まで減速しながら数え上げる。数字の下の細い線も同時に伸び、2.5〜6秒は指定値で止める。",
      "parameters": [
        {
          "key": "title",
          "label": "見出し",
          "sample": "ここまで、積み重ねた",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "a",
          "label": "数値",
          "sample": "128",
          "type": "number",
          "min": 0,
          "max": 999999,
          "step": 1
        },
        {
          "key": "b",
          "label": "単位",
          "sample": "個",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "c",
          "label": "数字の説明",
          "sample": "アイデアのストック",
          "type": "text",
          "maxLength": 32
        }
      ],
      "url": "https://aito26.com/motion#part-07",
      "prompts": {
        "landscape": "「数字カウント」の図解部品を、次の内容で作ってください。\n\n【使う場面】\n件数・人数・達成数を大きく示す場面に。数字は実際の資料にあるものを使います。\n\n【画面】\n横16:9（1920×1080）、6秒、音なし。文字が読み切れる余白をとり、要素は横方向の流れを基本に配置する。\n\n【使う言葉・数値】\n見出し：ここまで、積み重ねた\n数値：128\n単位：個\n数字の説明：アイデアのストック\n\n【動き】\n0〜2.5秒で0から指定値まで減速しながら数え上げる。数字の下の細い線も同時に伸び、2.5〜6秒は指定値で止める。\n\n【デザイン】\naito26の濃紺 #070b22 を背景に、青 #2EAEFF と水色 #28ECFF をアクセント。白い文字、細い線、控えめな光。本文は読みやすい日本語ゴシック体。1画面1メッセージ。激しい点滅は使わない。\n\n【制作時の確認】\n入力の数字や文言は見本を含みます。公開前に実際の情報で確認し、根拠のない実績・比較・効果を作らない。不明な情報は確認する。まず完成画面を見せ、動画化する場合は使える制作環境と出力形式を確認する。\n\n参考部品：aito26「数字カウント」 / https://aito26.com/motion#part-07",
        "portrait": "「数字カウント」の図解部品を、次の内容で作ってください。\n\n【使う場面】\n件数・人数・達成数を大きく示す場面に。数字は実際の資料にあるものを使います。\n\n【画面】\n縦9:16（1080×1920）、6秒、音なし。文字が読み切れる余白をとり、要素は縦に並べ替え、中央の安全な範囲に収める。\n\n【使う言葉・数値】\n見出し：ここまで、積み重ねた\n数値：128\n単位：個\n数字の説明：アイデアのストック\n\n【動き】\n0〜2.5秒で0から指定値まで減速しながら数え上げる。数字の下の細い線も同時に伸び、2.5〜6秒は指定値で止める。\n\n【デザイン】\naito26の濃紺 #070b22 を背景に、青 #2EAEFF と水色 #28ECFF をアクセント。白い文字、細い線、控えめな光。本文は読みやすい日本語ゴシック体。1画面1メッセージ。激しい点滅は使わない。\n\n【制作時の確認】\n入力の数字や文言は見本を含みます。公開前に実際の情報で確認し、根拠のない実績・比較・効果を作らない。不明な情報は確認する。まず完成画面を見せ、動画化する場合は使える制作環境と出力形式を確認する。\n\n参考部品：aito26「数字カウント」 / https://aito26.com/motion#part-07"
      }
    },
    {
      "id": "08",
      "name": "伸びる棒グラフ",
      "category": "数字",
      "description": "数の違いを、長さで見せる。",
      "keywords": [
        "売上",
        "実績",
        "件数",
        "推移",
        "月別",
        "成長"
      ],
      "use": "3期間の推移・3商品の件数・テーマ別の反応比較に。棒の長さは入力した値に比例します。",
      "durationSeconds": 6,
      "kind": "bars",
      "motion": "0〜1秒で項目ラベル、0.6〜2.6秒で左から順に棒を伸ばす。入力値の最大値を基準に長さを揃え、3〜6秒は数値と全体を見せる。",
      "parameters": [
        {
          "key": "title",
          "label": "見出し",
          "sample": "ひとつずつ、増やしていく",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "a",
          "label": "項目1",
          "sample": "1か月目",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "b",
          "label": "値1",
          "sample": "20",
          "type": "number",
          "min": 0,
          "max": 99999,
          "step": 1
        },
        {
          "key": "c",
          "label": "項目2",
          "sample": "2か月目",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "d",
          "label": "値2",
          "sample": "45",
          "type": "number",
          "min": 0,
          "max": 99999,
          "step": 1
        },
        {
          "key": "e",
          "label": "項目3",
          "sample": "3か月目",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "f",
          "label": "値3",
          "sample": "80",
          "type": "number",
          "min": 0,
          "max": 99999,
          "step": 1
        }
      ],
      "url": "https://aito26.com/motion#part-08",
      "prompts": {
        "landscape": "「伸びる棒グラフ」の図解部品を、次の内容で作ってください。\n\n【使う場面】\n3期間の推移・3商品の件数・テーマ別の反応比較に。棒の長さは入力した値に比例します。\n\n【画面】\n横16:9（1920×1080）、6秒、音なし。文字が読み切れる余白をとり、要素は横方向の流れを基本に配置する。\n\n【使う言葉・数値】\n見出し：ひとつずつ、増やしていく\n項目1：1か月目\n値1：20\n項目2：2か月目\n値2：45\n項目3：3か月目\n値3：80\n\n【動き】\n0〜1秒で項目ラベル、0.6〜2.6秒で左から順に棒を伸ばす。入力値の最大値を基準に長さを揃え、3〜6秒は数値と全体を見せる。\n\n【デザイン】\naito26の濃紺 #070b22 を背景に、青 #2EAEFF と水色 #28ECFF をアクセント。白い文字、細い線、控えめな光。本文は読みやすい日本語ゴシック体。1画面1メッセージ。激しい点滅は使わない。\n\n【制作時の確認】\n入力の数字や文言は見本を含みます。公開前に実際の情報で確認し、根拠のない実績・比較・効果を作らない。不明な情報は確認する。まず完成画面を見せ、動画化する場合は使える制作環境と出力形式を確認する。\n\n参考部品：aito26「伸びる棒グラフ」 / https://aito26.com/motion#part-08",
        "portrait": "「伸びる棒グラフ」の図解部品を、次の内容で作ってください。\n\n【使う場面】\n3期間の推移・3商品の件数・テーマ別の反応比較に。棒の長さは入力した値に比例します。\n\n【画面】\n縦9:16（1080×1920）、6秒、音なし。文字が読み切れる余白をとり、要素は縦に並べ替え、中央の安全な範囲に収める。\n\n【使う言葉・数値】\n見出し：ひとつずつ、増やしていく\n項目1：1か月目\n値1：20\n項目2：2か月目\n値2：45\n項目3：3か月目\n値3：80\n\n【動き】\n0〜1秒で項目ラベル、0.6〜2.6秒で左から順に棒を伸ばす。入力値の最大値を基準に長さを揃え、3〜6秒は数値と全体を見せる。\n\n【デザイン】\naito26の濃紺 #070b22 を背景に、青 #2EAEFF と水色 #28ECFF をアクセント。白い文字、細い線、控えめな光。本文は読みやすい日本語ゴシック体。1画面1メッセージ。激しい点滅は使わない。\n\n【制作時の確認】\n入力の数字や文言は見本を含みます。公開前に実際の情報で確認し、根拠のない実績・比較・効果を作らない。不明な情報は確認する。まず完成画面を見せ、動画化する場合は使える制作環境と出力形式を確認する。\n\n参考部品：aito26「伸びる棒グラフ」 / https://aito26.com/motion#part-08"
      }
    },
    {
      "id": "09",
      "name": "ドーナツグラフ",
      "category": "数字",
      "description": "全体のうち、どれくらい？",
      "keywords": [
        "売上",
        "実績",
        "達成率",
        "進捗",
        "割合"
      ],
      "use": "進捗・構成比・達成率など、全体に対する割合の説明に。",
      "durationSeconds": 6,
      "kind": "donut",
      "motion": "0〜2.5秒で円弧が0から指定割合まで伸び、中央の数値を数え上げる。2.5〜6秒は円と数字を同時に見せる。",
      "parameters": [
        {
          "key": "title",
          "label": "見出し",
          "sample": "ゴールまで、あと少し",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "a",
          "label": "割合（%）",
          "sample": "75",
          "type": "number",
          "min": 0,
          "max": 100,
          "step": 1
        },
        {
          "key": "b",
          "label": "割合の説明",
          "sample": "準備できたこと",
          "type": "text",
          "maxLength": 32
        }
      ],
      "url": "https://aito26.com/motion#part-09",
      "prompts": {
        "landscape": "「ドーナツグラフ」の図解部品を、次の内容で作ってください。\n\n【使う場面】\n進捗・構成比・達成率など、全体に対する割合の説明に。\n\n【画面】\n横16:9（1920×1080）、6秒、音なし。文字が読み切れる余白をとり、要素は横方向の流れを基本に配置する。\n\n【使う言葉・数値】\n見出し：ゴールまで、あと少し\n割合（%）：75\n割合の説明：準備できたこと\n\n【動き】\n0〜2.5秒で円弧が0から指定割合まで伸び、中央の数値を数え上げる。2.5〜6秒は円と数字を同時に見せる。\n\n【デザイン】\naito26の濃紺 #070b22 を背景に、青 #2EAEFF と水色 #28ECFF をアクセント。白い文字、細い線、控えめな光。本文は読みやすい日本語ゴシック体。1画面1メッセージ。激しい点滅は使わない。\n\n【制作時の確認】\n入力の数字や文言は見本を含みます。公開前に実際の情報で確認し、根拠のない実績・比較・効果を作らない。不明な情報は確認する。まず完成画面を見せ、動画化する場合は使える制作環境と出力形式を確認する。\n\n参考部品：aito26「ドーナツグラフ」 / https://aito26.com/motion#part-09",
        "portrait": "「ドーナツグラフ」の図解部品を、次の内容で作ってください。\n\n【使う場面】\n進捗・構成比・達成率など、全体に対する割合の説明に。\n\n【画面】\n縦9:16（1080×1920）、6秒、音なし。文字が読み切れる余白をとり、要素は縦に並べ替え、中央の安全な範囲に収める。\n\n【使う言葉・数値】\n見出し：ゴールまで、あと少し\n割合（%）：75\n割合の説明：準備できたこと\n\n【動き】\n0〜2.5秒で円弧が0から指定割合まで伸び、中央の数値を数え上げる。2.5〜6秒は円と数字を同時に見せる。\n\n【デザイン】\naito26の濃紺 #070b22 を背景に、青 #2EAEFF と水色 #28ECFF をアクセント。白い文字、細い線、控えめな光。本文は読みやすい日本語ゴシック体。1画面1メッセージ。激しい点滅は使わない。\n\n【制作時の確認】\n入力の数字や文言は見本を含みます。公開前に実際の情報で確認し、根拠のない実績・比較・効果を作らない。不明な情報は確認する。まず完成画面を見せ、動画化する場合は使える制作環境と出力形式を確認する。\n\n参考部品：aito26「ドーナツグラフ」 / https://aito26.com/motion#part-09"
      }
    },
    {
      "id": "10",
      "name": "枝分かれのツリー",
      "category": "構造",
      "description": "全体と、その中身をつなぐ。",
      "keywords": [],
      "use": "サービスの分類・事業の構成・テーマの整理に。",
      "durationSeconds": 6,
      "kind": "tree",
      "motion": "0〜1秒で親の項目、1〜2秒で枝線、2〜3秒で3つの子項目を表示。3〜6秒は全体のつながりを見せる。",
      "parameters": [
        {
          "key": "title",
          "label": "見出し",
          "sample": "できることを、整理する",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "a",
          "label": "親の項目",
          "sample": "AIの使い道",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "b",
          "label": "子の項目1",
          "sample": "文章",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "c",
          "label": "子の項目2",
          "sample": "画像",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "d",
          "label": "子の項目3",
          "sample": "動画",
          "type": "text",
          "maxLength": 32
        }
      ],
      "url": "https://aito26.com/motion#part-10",
      "prompts": {
        "landscape": "「枝分かれのツリー」の図解部品を、次の内容で作ってください。\n\n【使う場面】\nサービスの分類・事業の構成・テーマの整理に。\n\n【画面】\n横16:9（1920×1080）、6秒、音なし。文字が読み切れる余白をとり、要素は横方向の流れを基本に配置する。\n\n【使う言葉・数値】\n見出し：できることを、整理する\n親の項目：AIの使い道\n子の項目1：文章\n子の項目2：画像\n子の項目3：動画\n\n【動き】\n0〜1秒で親の項目、1〜2秒で枝線、2〜3秒で3つの子項目を表示。3〜6秒は全体のつながりを見せる。\n\n【デザイン】\naito26の濃紺 #070b22 を背景に、青 #2EAEFF と水色 #28ECFF をアクセント。白い文字、細い線、控えめな光。本文は読みやすい日本語ゴシック体。1画面1メッセージ。激しい点滅は使わない。\n\n【制作時の確認】\n入力の数字や文言は見本を含みます。公開前に実際の情報で確認し、根拠のない実績・比較・効果を作らない。不明な情報は確認する。まず完成画面を見せ、動画化する場合は使える制作環境と出力形式を確認する。\n\n参考部品：aito26「枝分かれのツリー」 / https://aito26.com/motion#part-10",
        "portrait": "「枝分かれのツリー」の図解部品を、次の内容で作ってください。\n\n【使う場面】\nサービスの分類・事業の構成・テーマの整理に。\n\n【画面】\n縦9:16（1080×1920）、6秒、音なし。文字が読み切れる余白をとり、要素は縦に並べ替え、中央の安全な範囲に収める。\n\n【使う言葉・数値】\n見出し：できることを、整理する\n親の項目：AIの使い道\n子の項目1：文章\n子の項目2：画像\n子の項目3：動画\n\n【動き】\n0〜1秒で親の項目、1〜2秒で枝線、2〜3秒で3つの子項目を表示。3〜6秒は全体のつながりを見せる。\n\n【デザイン】\naito26の濃紺 #070b22 を背景に、青 #2EAEFF と水色 #28ECFF をアクセント。白い文字、細い線、控えめな光。本文は読みやすい日本語ゴシック体。1画面1メッセージ。激しい点滅は使わない。\n\n【制作時の確認】\n入力の数字や文言は見本を含みます。公開前に実際の情報で確認し、根拠のない実績・比較・効果を作らない。不明な情報は確認する。まず完成画面を見せ、動画化する場合は使える制作環境と出力形式を確認する。\n\n参考部品：aito26「枝分かれのツリー」 / https://aito26.com/motion#part-10"
      }
    },
    {
      "id": "11",
      "name": "積み重なる階層",
      "category": "構造",
      "description": "土台と、その上にあるもの。",
      "keywords": [],
      "use": "学習の順番・サービスの階層・考え方の土台を説明するときに。",
      "durationSeconds": 6,
      "kind": "layers",
      "motion": "0〜2.5秒で下の広い土台から順に3層を積み上げる。最上段を明るくし、3〜6秒は階層と文字を読ませる。",
      "parameters": [
        {
          "key": "title",
          "label": "見出し",
          "sample": "土台があると、伸びていく",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "a",
          "label": "土台",
          "sample": "知る",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "b",
          "label": "中段",
          "sample": "使ってみる",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "c",
          "label": "上段",
          "sample": "自分の型にする",
          "type": "text",
          "maxLength": 32
        }
      ],
      "url": "https://aito26.com/motion#part-11",
      "prompts": {
        "landscape": "「積み重なる階層」の図解部品を、次の内容で作ってください。\n\n【使う場面】\n学習の順番・サービスの階層・考え方の土台を説明するときに。\n\n【画面】\n横16:9（1920×1080）、6秒、音なし。文字が読み切れる余白をとり、要素は横方向の流れを基本に配置する。\n\n【使う言葉・数値】\n見出し：土台があると、伸びていく\n土台：知る\n中段：使ってみる\n上段：自分の型にする\n\n【動き】\n0〜2.5秒で下の広い土台から順に3層を積み上げる。最上段を明るくし、3〜6秒は階層と文字を読ませる。\n\n【デザイン】\naito26の濃紺 #070b22 を背景に、青 #2EAEFF と水色 #28ECFF をアクセント。白い文字、細い線、控えめな光。本文は読みやすい日本語ゴシック体。1画面1メッセージ。激しい点滅は使わない。\n\n【制作時の確認】\n入力の数字や文言は見本を含みます。公開前に実際の情報で確認し、根拠のない実績・比較・効果を作らない。不明な情報は確認する。まず完成画面を見せ、動画化する場合は使える制作環境と出力形式を確認する。\n\n参考部品：aito26「積み重なる階層」 / https://aito26.com/motion#part-11",
        "portrait": "「積み重なる階層」の図解部品を、次の内容で作ってください。\n\n【使う場面】\n学習の順番・サービスの階層・考え方の土台を説明するときに。\n\n【画面】\n縦9:16（1080×1920）、6秒、音なし。文字が読み切れる余白をとり、要素は縦に並べ替え、中央の安全な範囲に収める。\n\n【使う言葉・数値】\n見出し：土台があると、伸びていく\n土台：知る\n中段：使ってみる\n上段：自分の型にする\n\n【動き】\n0〜2.5秒で下の広い土台から順に3層を積み上げる。最上段を明るくし、3〜6秒は階層と文字を読ませる。\n\n【デザイン】\naito26の濃紺 #070b22 を背景に、青 #2EAEFF と水色 #28ECFF をアクセント。白い文字、細い線、控えめな光。本文は読みやすい日本語ゴシック体。1画面1メッセージ。激しい点滅は使わない。\n\n【制作時の確認】\n入力の数字や文言は見本を含みます。公開前に実際の情報で確認し、根拠のない実績・比較・効果を作らない。不明な情報は確認する。まず完成画面を見せ、動画化する場合は使える制作環境と出力形式を確認する。\n\n参考部品：aito26「積み重なる階層」 / https://aito26.com/motion#part-11"
      }
    },
    {
      "id": "12",
      "name": "重なりを見せる",
      "category": "構造",
      "description": "ふたつが出会うところ。",
      "keywords": [],
      "use": "2つの強みの掛け合わせ・共通点・新しい価値の説明に。",
      "durationSeconds": 6,
      "kind": "venn",
      "motion": "0〜2秒で左右の円が近づき、重なりをつくる。2〜3秒で共通部分のラベルを表示し、3〜6秒で関係を見せる。",
      "parameters": [
        {
          "key": "title",
          "label": "見出し",
          "sample": "掛け合わせて、価値にする",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "a",
          "label": "左の要素",
          "sample": "経験",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "b",
          "label": "右の要素",
          "sample": "AI",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "c",
          "label": "重なるところ",
          "sample": "自分の強み",
          "type": "text",
          "maxLength": 32
        }
      ],
      "url": "https://aito26.com/motion#part-12",
      "prompts": {
        "landscape": "「重なりを見せる」の図解部品を、次の内容で作ってください。\n\n【使う場面】\n2つの強みの掛け合わせ・共通点・新しい価値の説明に。\n\n【画面】\n横16:9（1920×1080）、6秒、音なし。文字が読み切れる余白をとり、要素は横方向の流れを基本に配置する。\n\n【使う言葉・数値】\n見出し：掛け合わせて、価値にする\n左の要素：経験\n右の要素：AI\n重なるところ：自分の強み\n\n【動き】\n0〜2秒で左右の円が近づき、重なりをつくる。2〜3秒で共通部分のラベルを表示し、3〜6秒で関係を見せる。\n\n【デザイン】\naito26の濃紺 #070b22 を背景に、青 #2EAEFF と水色 #28ECFF をアクセント。白い文字、細い線、控えめな光。本文は読みやすい日本語ゴシック体。1画面1メッセージ。激しい点滅は使わない。\n\n【制作時の確認】\n入力の数字や文言は見本を含みます。公開前に実際の情報で確認し、根拠のない実績・比較・効果を作らない。不明な情報は確認する。まず完成画面を見せ、動画化する場合は使える制作環境と出力形式を確認する。\n\n参考部品：aito26「重なりを見せる」 / https://aito26.com/motion#part-12",
        "portrait": "「重なりを見せる」の図解部品を、次の内容で作ってください。\n\n【使う場面】\n2つの強みの掛け合わせ・共通点・新しい価値の説明に。\n\n【画面】\n縦9:16（1080×1920）、6秒、音なし。文字が読み切れる余白をとり、要素は縦に並べ替え、中央の安全な範囲に収める。\n\n【使う言葉・数値】\n見出し：掛け合わせて、価値にする\n左の要素：経験\n右の要素：AI\n重なるところ：自分の強み\n\n【動き】\n0〜2秒で左右の円が近づき、重なりをつくる。2〜3秒で共通部分のラベルを表示し、3〜6秒で関係を見せる。\n\n【デザイン】\naito26の濃紺 #070b22 を背景に、青 #2EAEFF と水色 #28ECFF をアクセント。白い文字、細い線、控えめな光。本文は読みやすい日本語ゴシック体。1画面1メッセージ。激しい点滅は使わない。\n\n【制作時の確認】\n入力の数字や文言は見本を含みます。公開前に実際の情報で確認し、根拠のない実績・比較・効果を作らない。不明な情報は確認する。まず完成画面を見せ、動画化する場合は使える制作環境と出力形式を確認する。\n\n参考部品：aito26「重なりを見せる」 / https://aito26.com/motion#part-12"
      }
    },
    {
      "id": "13",
      "name": "大きなひと言",
      "category": "強調",
      "description": "結論を、まっすぐ届ける。",
      "keywords": [],
      "use": "動画の冒頭・場面転換・最後に残したいメッセージに。",
      "durationSeconds": 6,
      "kind": "headline",
      "motion": "0〜0.8秒で主役の文字が少し小さくなりながら定位置へ着地。1〜2秒で補足が現れ、2〜6秒で文字を読ませる。激しい点滅は使わない。",
      "parameters": [
        {
          "key": "title",
          "label": "小さな見出し",
          "sample": "今日のひと言",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "a",
          "label": "大きく見せる言葉",
          "sample": "まず、ひとつ。",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "b",
          "label": "補足",
          "sample": "小さく始めれば、続けられる。",
          "type": "text",
          "maxLength": 32
        }
      ],
      "url": "https://aito26.com/motion#part-13",
      "prompts": {
        "landscape": "「大きなひと言」の図解部品を、次の内容で作ってください。\n\n【使う場面】\n動画の冒頭・場面転換・最後に残したいメッセージに。\n\n【画面】\n横16:9（1920×1080）、6秒、音なし。文字が読み切れる余白をとり、要素は横方向の流れを基本に配置する。\n\n【使う言葉・数値】\n小さな見出し：今日のひと言\n大きく見せる言葉：まず、ひとつ。\n補足：小さく始めれば、続けられる。\n\n【動き】\n0〜0.8秒で主役の文字が少し小さくなりながら定位置へ着地。1〜2秒で補足が現れ、2〜6秒で文字を読ませる。激しい点滅は使わない。\n\n【デザイン】\naito26の濃紺 #070b22 を背景に、青 #2EAEFF と水色 #28ECFF をアクセント。白い文字、細い線、控えめな光。本文は読みやすい日本語ゴシック体。1画面1メッセージ。激しい点滅は使わない。\n\n【制作時の確認】\n入力の数字や文言は見本を含みます。公開前に実際の情報で確認し、根拠のない実績・比較・効果を作らない。不明な情報は確認する。まず完成画面を見せ、動画化する場合は使える制作環境と出力形式を確認する。\n\n参考部品：aito26「大きなひと言」 / https://aito26.com/motion#part-13",
        "portrait": "「大きなひと言」の図解部品を、次の内容で作ってください。\n\n【使う場面】\n動画の冒頭・場面転換・最後に残したいメッセージに。\n\n【画面】\n縦9:16（1080×1920）、6秒、音なし。文字が読み切れる余白をとり、要素は縦に並べ替え、中央の安全な範囲に収める。\n\n【使う言葉・数値】\n小さな見出し：今日のひと言\n大きく見せる言葉：まず、ひとつ。\n補足：小さく始めれば、続けられる。\n\n【動き】\n0〜0.8秒で主役の文字が少し小さくなりながら定位置へ着地。1〜2秒で補足が現れ、2〜6秒で文字を読ませる。激しい点滅は使わない。\n\n【デザイン】\naito26の濃紺 #070b22 を背景に、青 #2EAEFF と水色 #28ECFF をアクセント。白い文字、細い線、控えめな光。本文は読みやすい日本語ゴシック体。1画面1メッセージ。激しい点滅は使わない。\n\n【制作時の確認】\n入力の数字や文言は見本を含みます。公開前に実際の情報で確認し、根拠のない実績・比較・効果を作らない。不明な情報は確認する。まず完成画面を見せ、動画化する場合は使える制作環境と出力形式を確認する。\n\n参考部品：aito26「大きなひと言」 / https://aito26.com/motion#part-13"
      }
    },
    {
      "id": "14",
      "name": "言葉にマーカー",
      "category": "強調",
      "description": "いちばん大事な言葉に線を。",
      "keywords": [],
      "use": "解説中のキーワード・気づき・覚えておきたい一文に。",
      "durationSeconds": 6,
      "kind": "marker",
      "motion": "0〜1秒で文章を表示。1〜2.5秒で主役の言葉の下を左から水色のマーカーがなぞる。2.5〜6秒は強調した言葉を見せる。",
      "parameters": [
        {
          "key": "title",
          "label": "見出し",
          "sample": "大切にしたいこと",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "a",
          "label": "前の文",
          "sample": "伝わる説明は、",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "b",
          "label": "強調する言葉",
          "sample": "ひとつずつ。",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "c",
          "label": "後ろの文",
          "sample": "一度に、詰め込みすぎない。",
          "type": "text",
          "maxLength": 32
        }
      ],
      "url": "https://aito26.com/motion#part-14",
      "prompts": {
        "landscape": "「言葉にマーカー」の図解部品を、次の内容で作ってください。\n\n【使う場面】\n解説中のキーワード・気づき・覚えておきたい一文に。\n\n【画面】\n横16:9（1920×1080）、6秒、音なし。文字が読み切れる余白をとり、要素は横方向の流れを基本に配置する。\n\n【使う言葉・数値】\n見出し：大切にしたいこと\n前の文：伝わる説明は、\n強調する言葉：ひとつずつ。\n後ろの文：一度に、詰め込みすぎない。\n\n【動き】\n0〜1秒で文章を表示。1〜2.5秒で主役の言葉の下を左から水色のマーカーがなぞる。2.5〜6秒は強調した言葉を見せる。\n\n【デザイン】\naito26の濃紺 #070b22 を背景に、青 #2EAEFF と水色 #28ECFF をアクセント。白い文字、細い線、控えめな光。本文は読みやすい日本語ゴシック体。1画面1メッセージ。激しい点滅は使わない。\n\n【制作時の確認】\n入力の数字や文言は見本を含みます。公開前に実際の情報で確認し、根拠のない実績・比較・効果を作らない。不明な情報は確認する。まず完成画面を見せ、動画化する場合は使える制作環境と出力形式を確認する。\n\n参考部品：aito26「言葉にマーカー」 / https://aito26.com/motion#part-14",
        "portrait": "「言葉にマーカー」の図解部品を、次の内容で作ってください。\n\n【使う場面】\n解説中のキーワード・気づき・覚えておきたい一文に。\n\n【画面】\n縦9:16（1080×1920）、6秒、音なし。文字が読み切れる余白をとり、要素は縦に並べ替え、中央の安全な範囲に収める。\n\n【使う言葉・数値】\n見出し：大切にしたいこと\n前の文：伝わる説明は、\n強調する言葉：ひとつずつ。\n後ろの文：一度に、詰め込みすぎない。\n\n【動き】\n0〜1秒で文章を表示。1〜2.5秒で主役の言葉の下を左から水色のマーカーがなぞる。2.5〜6秒は強調した言葉を見せる。\n\n【デザイン】\naito26の濃紺 #070b22 を背景に、青 #2EAEFF と水色 #28ECFF をアクセント。白い文字、細い線、控えめな光。本文は読みやすい日本語ゴシック体。1画面1メッセージ。激しい点滅は使わない。\n\n【制作時の確認】\n入力の数字や文言は見本を含みます。公開前に実際の情報で確認し、根拠のない実績・比較・効果を作らない。不明な情報は確認する。まず完成画面を見せ、動画化する場合は使える制作環境と出力形式を確認する。\n\n参考部品：aito26「言葉にマーカー」 / https://aito26.com/motion#part-14"
      }
    },
    {
      "id": "15",
      "name": "ポイントに吹き出し",
      "category": "強調",
      "description": "ここを見て、が伝わる。",
      "keywords": [],
      "use": "画面の操作説明・注目ポイント・補足を添えたいときに。",
      "durationSeconds": 6,
      "kind": "callout",
      "motion": "0〜1秒で対象カードを表示。1〜2秒で注目する点と引き出し線、2〜3秒で吹き出しを表示。3〜6秒は対象と注釈を見せる。",
      "parameters": [
        {
          "key": "title",
          "label": "見出し",
          "sample": "見るところを、ひとつに",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "a",
          "label": "対象の名前",
          "sample": "設定画面",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "b",
          "label": "注目する項目",
          "sample": "見せたいポイント",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "c",
          "label": "吹き出し",
          "sample": "ここを確認",
          "type": "text",
          "maxLength": 32
        }
      ],
      "url": "https://aito26.com/motion#part-15",
      "prompts": {
        "landscape": "「ポイントに吹き出し」の図解部品を、次の内容で作ってください。\n\n【使う場面】\n画面の操作説明・注目ポイント・補足を添えたいときに。\n\n【画面】\n横16:9（1920×1080）、6秒、音なし。文字が読み切れる余白をとり、要素は横方向の流れを基本に配置する。\n\n【使う言葉・数値】\n見出し：見るところを、ひとつに\n対象の名前：設定画面\n注目する項目：見せたいポイント\n吹き出し：ここを確認\n\n【動き】\n0〜1秒で対象カードを表示。1〜2秒で注目する点と引き出し線、2〜3秒で吹き出しを表示。3〜6秒は対象と注釈を見せる。\n\n【デザイン】\naito26の濃紺 #070b22 を背景に、青 #2EAEFF と水色 #28ECFF をアクセント。白い文字、細い線、控えめな光。本文は読みやすい日本語ゴシック体。1画面1メッセージ。激しい点滅は使わない。\n\n【制作時の確認】\n入力の数字や文言は見本を含みます。公開前に実際の情報で確認し、根拠のない実績・比較・効果を作らない。不明な情報は確認する。まず完成画面を見せ、動画化する場合は使える制作環境と出力形式を確認する。\n\n参考部品：aito26「ポイントに吹き出し」 / https://aito26.com/motion#part-15",
        "portrait": "「ポイントに吹き出し」の図解部品を、次の内容で作ってください。\n\n【使う場面】\n画面の操作説明・注目ポイント・補足を添えたいときに。\n\n【画面】\n縦9:16（1080×1920）、6秒、音なし。文字が読み切れる余白をとり、要素は縦に並べ替え、中央の安全な範囲に収める。\n\n【使う言葉・数値】\n見出し：見るところを、ひとつに\n対象の名前：設定画面\n注目する項目：見せたいポイント\n吹き出し：ここを確認\n\n【動き】\n0〜1秒で対象カードを表示。1〜2秒で注目する点と引き出し線、2〜3秒で吹き出しを表示。3〜6秒は対象と注釈を見せる。\n\n【デザイン】\naito26の濃紺 #070b22 を背景に、青 #2EAEFF と水色 #28ECFF をアクセント。白い文字、細い線、控えめな光。本文は読みやすい日本語ゴシック体。1画面1メッセージ。激しい点滅は使わない。\n\n【制作時の確認】\n入力の数字や文言は見本を含みます。公開前に実際の情報で確認し、根拠のない実績・比較・効果を作らない。不明な情報は確認する。まず完成画面を見せ、動画化する場合は使える制作環境と出力形式を確認する。\n\n参考部品：aito26「ポイントに吹き出し」 / https://aito26.com/motion#part-15"
      }
    },
    {
      "id": "16",
      "name": "チェックリスト",
      "category": "まとめ",
      "description": "終わったことを、ひとつずつ。",
      "keywords": [],
      "use": "公開前の確認・準備するもの・作業のまとめに。",
      "durationSeconds": 6,
      "kind": "checklist",
      "motion": "0〜1秒で3つの行を表示。0.8秒・1.7秒・2.6秒に順番にチェックを入れ、3〜6秒は完了したリストを見せる。",
      "parameters": [
        {
          "key": "title",
          "label": "見出し",
          "sample": "準備ができたら、進もう",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "a",
          "label": "項目1",
          "sample": "目的をそろえる",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "b",
          "label": "項目2",
          "sample": "素材を集める",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "c",
          "label": "項目3",
          "sample": "最後に確かめる",
          "type": "text",
          "maxLength": 32
        }
      ],
      "url": "https://aito26.com/motion#part-16",
      "prompts": {
        "landscape": "「チェックリスト」の図解部品を、次の内容で作ってください。\n\n【使う場面】\n公開前の確認・準備するもの・作業のまとめに。\n\n【画面】\n横16:9（1920×1080）、6秒、音なし。文字が読み切れる余白をとり、要素は横方向の流れを基本に配置する。\n\n【使う言葉・数値】\n見出し：準備ができたら、進もう\n項目1：目的をそろえる\n項目2：素材を集める\n項目3：最後に確かめる\n\n【動き】\n0〜1秒で3つの行を表示。0.8秒・1.7秒・2.6秒に順番にチェックを入れ、3〜6秒は完了したリストを見せる。\n\n【デザイン】\naito26の濃紺 #070b22 を背景に、青 #2EAEFF と水色 #28ECFF をアクセント。白い文字、細い線、控えめな光。本文は読みやすい日本語ゴシック体。1画面1メッセージ。激しい点滅は使わない。\n\n【制作時の確認】\n入力の数字や文言は見本を含みます。公開前に実際の情報で確認し、根拠のない実績・比較・効果を作らない。不明な情報は確認する。まず完成画面を見せ、動画化する場合は使える制作環境と出力形式を確認する。\n\n参考部品：aito26「チェックリスト」 / https://aito26.com/motion#part-16",
        "portrait": "「チェックリスト」の図解部品を、次の内容で作ってください。\n\n【使う場面】\n公開前の確認・準備するもの・作業のまとめに。\n\n【画面】\n縦9:16（1080×1920）、6秒、音なし。文字が読み切れる余白をとり、要素は縦に並べ替え、中央の安全な範囲に収める。\n\n【使う言葉・数値】\n見出し：準備ができたら、進もう\n項目1：目的をそろえる\n項目2：素材を集める\n項目3：最後に確かめる\n\n【動き】\n0〜1秒で3つの行を表示。0.8秒・1.7秒・2.6秒に順番にチェックを入れ、3〜6秒は完了したリストを見せる。\n\n【デザイン】\naito26の濃紺 #070b22 を背景に、青 #2EAEFF と水色 #28ECFF をアクセント。白い文字、細い線、控えめな光。本文は読みやすい日本語ゴシック体。1画面1メッセージ。激しい点滅は使わない。\n\n【制作時の確認】\n入力の数字や文言は見本を含みます。公開前に実際の情報で確認し、根拠のない実績・比較・効果を作らない。不明な情報は確認する。まず完成画面を見せ、動画化する場合は使える制作環境と出力形式を確認する。\n\n参考部品：aito26「チェックリスト」 / https://aito26.com/motion#part-16"
      }
    },
    {
      "id": "17",
      "name": "3つの要点",
      "category": "まとめ",
      "description": "覚えてほしいことを並べる。",
      "keywords": [],
      "use": "動画の締め・資料のまとめ・サービスの3つの特徴に。",
      "durationSeconds": 6,
      "kind": "cards",
      "motion": "0〜2.5秒で3枚のカードが下から順に現れる。それぞれに番号と短い要点を添え、3〜6秒は全てを見せる。",
      "parameters": [
        {
          "key": "title",
          "label": "見出し",
          "sample": "今日、持ち帰る3つ",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "a",
          "label": "要点1",
          "sample": "短く",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "b",
          "label": "要点2",
          "sample": "具体的に",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "c",
          "label": "要点3",
          "sample": "ひとつずつ",
          "type": "text",
          "maxLength": 32
        }
      ],
      "url": "https://aito26.com/motion#part-17",
      "prompts": {
        "landscape": "「3つの要点」の図解部品を、次の内容で作ってください。\n\n【使う場面】\n動画の締め・資料のまとめ・サービスの3つの特徴に。\n\n【画面】\n横16:9（1920×1080）、6秒、音なし。文字が読み切れる余白をとり、要素は横方向の流れを基本に配置する。\n\n【使う言葉・数値】\n見出し：今日、持ち帰る3つ\n要点1：短く\n要点2：具体的に\n要点3：ひとつずつ\n\n【動き】\n0〜2.5秒で3枚のカードが下から順に現れる。それぞれに番号と短い要点を添え、3〜6秒は全てを見せる。\n\n【デザイン】\naito26の濃紺 #070b22 を背景に、青 #2EAEFF と水色 #28ECFF をアクセント。白い文字、細い線、控えめな光。本文は読みやすい日本語ゴシック体。1画面1メッセージ。激しい点滅は使わない。\n\n【制作時の確認】\n入力の数字や文言は見本を含みます。公開前に実際の情報で確認し、根拠のない実績・比較・効果を作らない。不明な情報は確認する。まず完成画面を見せ、動画化する場合は使える制作環境と出力形式を確認する。\n\n参考部品：aito26「3つの要点」 / https://aito26.com/motion#part-17",
        "portrait": "「3つの要点」の図解部品を、次の内容で作ってください。\n\n【使う場面】\n動画の締め・資料のまとめ・サービスの3つの特徴に。\n\n【画面】\n縦9:16（1080×1920）、6秒、音なし。文字が読み切れる余白をとり、要素は縦に並べ替え、中央の安全な範囲に収める。\n\n【使う言葉・数値】\n見出し：今日、持ち帰る3つ\n要点1：短く\n要点2：具体的に\n要点3：ひとつずつ\n\n【動き】\n0〜2.5秒で3枚のカードが下から順に現れる。それぞれに番号と短い要点を添え、3〜6秒は全てを見せる。\n\n【デザイン】\naito26の濃紺 #070b22 を背景に、青 #2EAEFF と水色 #28ECFF をアクセント。白い文字、細い線、控えめな光。本文は読みやすい日本語ゴシック体。1画面1メッセージ。激しい点滅は使わない。\n\n【制作時の確認】\n入力の数字や文言は見本を含みます。公開前に実際の情報で確認し、根拠のない実績・比較・効果を作らない。不明な情報は確認する。まず完成画面を見せ、動画化する場合は使える制作環境と出力形式を確認する。\n\n参考部品：aito26「3つの要点」 / https://aito26.com/motion#part-17"
      }
    },
    {
      "id": "18",
      "name": "絞り込みファネル",
      "category": "まとめ",
      "description": "候補から、大事なひとつへ。",
      "keywords": [],
      "use": "アイデアの選定・情報の整理・優先順位を決める流れに。幅は概念図で、実数の比率を示しません。",
      "durationSeconds": 6,
      "kind": "funnel",
      "motion": "0〜2.5秒で上から下へ、広い候補・選ぶ視点・最後の結論を順に表示。光点が中央を通り、3〜6秒で結論を見せる。",
      "parameters": [
        {
          "key": "title",
          "label": "見出し",
          "sample": "大事なことを、選び抜く",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "a",
          "label": "入口",
          "sample": "たくさんのアイデア",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "b",
          "label": "選ぶ視点",
          "sample": "いま必要なもの",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "c",
          "label": "結論",
          "sample": "今日やるひとつ",
          "type": "text",
          "maxLength": 32
        }
      ],
      "url": "https://aito26.com/motion#part-18",
      "prompts": {
        "landscape": "「絞り込みファネル」の図解部品を、次の内容で作ってください。\n\n【使う場面】\nアイデアの選定・情報の整理・優先順位を決める流れに。幅は概念図で、実数の比率を示しません。\n\n【画面】\n横16:9（1920×1080）、6秒、音なし。文字が読み切れる余白をとり、要素は横方向の流れを基本に配置する。\n\n【使う言葉・数値】\n見出し：大事なことを、選び抜く\n入口：たくさんのアイデア\n選ぶ視点：いま必要なもの\n結論：今日やるひとつ\n\n【動き】\n0〜2.5秒で上から下へ、広い候補・選ぶ視点・最後の結論を順に表示。光点が中央を通り、3〜6秒で結論を見せる。\n\n【デザイン】\naito26の濃紺 #070b22 を背景に、青 #2EAEFF と水色 #28ECFF をアクセント。白い文字、細い線、控えめな光。本文は読みやすい日本語ゴシック体。1画面1メッセージ。激しい点滅は使わない。\n\n【制作時の確認】\n入力の数字や文言は見本を含みます。公開前に実際の情報で確認し、根拠のない実績・比較・効果を作らない。不明な情報は確認する。まず完成画面を見せ、動画化する場合は使える制作環境と出力形式を確認する。\n\n参考部品：aito26「絞り込みファネル」 / https://aito26.com/motion#part-18",
        "portrait": "「絞り込みファネル」の図解部品を、次の内容で作ってください。\n\n【使う場面】\nアイデアの選定・情報の整理・優先順位を決める流れに。幅は概念図で、実数の比率を示しません。\n\n【画面】\n縦9:16（1080×1920）、6秒、音なし。文字が読み切れる余白をとり、要素は縦に並べ替え、中央の安全な範囲に収める。\n\n【使う言葉・数値】\n見出し：大事なことを、選び抜く\n入口：たくさんのアイデア\n選ぶ視点：いま必要なもの\n結論：今日やるひとつ\n\n【動き】\n0〜2.5秒で上から下へ、広い候補・選ぶ視点・最後の結論を順に表示。光点が中央を通り、3〜6秒で結論を見せる。\n\n【デザイン】\naito26の濃紺 #070b22 を背景に、青 #2EAEFF と水色 #28ECFF をアクセント。白い文字、細い線、控えめな光。本文は読みやすい日本語ゴシック体。1画面1メッセージ。激しい点滅は使わない。\n\n【制作時の確認】\n入力の数字や文言は見本を含みます。公開前に実際の情報で確認し、根拠のない実績・比較・効果を作らない。不明な情報は確認する。まず完成画面を見せ、動画化する場合は使える制作環境と出力形式を確認する。\n\n参考部品：aito26「絞り込みファネル」 / https://aito26.com/motion#part-18"
      }
    },
    {
      "id": "19",
      "name": "言葉を、ひとつずつ",
      "category": "強調",
      "description": "短い言葉がリズムよく着地。",
      "keywords": [
        "新作",
        "アレンジ",
        "キネティック",
        "モーション"
      ],
      "use": "リールの冒頭や、3つの言葉で印象を残す場面に。",
      "durationSeconds": 6,
      "kind": "beatwords",
      "motion": "0〜3秒で3つの言葉を1秒ずつ切り替える。文字は少し大きな状態から着地し、水色の線が追いかける。3〜6秒は3語を並べて読ませる。",
      "parameters": [
        {
          "key": "title",
          "label": "見出し",
          "sample": "アイデアを動かす",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "a",
          "label": "言葉1",
          "sample": "思いつく。",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "b",
          "label": "言葉2",
          "sample": "試してみる。",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "c",
          "label": "言葉3",
          "sample": "形になる。",
          "type": "text",
          "maxLength": 32
        }
      ],
      "url": "https://aito26.com/motion#part-19",
      "prompts": {
        "landscape": "「言葉を、ひとつずつ」の図解部品を、次の内容で作ってください。\n\n【使う場面】\nリールの冒頭や、3つの言葉で印象を残す場面に。\n\n【画面】\n横16:9（1920×1080）、6秒、音なし。文字が読み切れる余白をとり、要素は横方向の流れを基本に配置する。\n\n【使う言葉・数値】\n見出し：アイデアを動かす\n言葉1：思いつく。\n言葉2：試してみる。\n言葉3：形になる。\n\n【動き】\n0〜3秒で3つの言葉を1秒ずつ切り替える。文字は少し大きな状態から着地し、水色の線が追いかける。3〜6秒は3語を並べて読ませる。\n\n【デザイン】\naito26の濃紺 #070b22 を背景に、青 #2EAEFF と水色 #28ECFF をアクセント。白い文字、細い線、控えめな光。本文は読みやすい日本語ゴシック体。1画面1メッセージ。激しい点滅は使わない。\n\n【制作時の確認】\n入力の数字や文言は見本を含みます。公開前に実際の情報で確認し、根拠のない実績・比較・効果を作らない。不明な情報は確認する。まず完成画面を見せ、動画化する場合は使える制作環境と出力形式を確認する。\n\n参考部品：aito26「言葉を、ひとつずつ」 / https://aito26.com/motion#part-19",
        "portrait": "「言葉を、ひとつずつ」の図解部品を、次の内容で作ってください。\n\n【使う場面】\nリールの冒頭や、3つの言葉で印象を残す場面に。\n\n【画面】\n縦9:16（1080×1920）、6秒、音なし。文字が読み切れる余白をとり、要素は縦に並べ替え、中央の安全な範囲に収める。\n\n【使う言葉・数値】\n見出し：アイデアを動かす\n言葉1：思いつく。\n言葉2：試してみる。\n言葉3：形になる。\n\n【動き】\n0〜3秒で3つの言葉を1秒ずつ切り替える。文字は少し大きな状態から着地し、水色の線が追いかける。3〜6秒は3語を並べて読ませる。\n\n【デザイン】\naito26の濃紺 #070b22 を背景に、青 #2EAEFF と水色 #28ECFF をアクセント。白い文字、細い線、控えめな光。本文は読みやすい日本語ゴシック体。1画面1メッセージ。激しい点滅は使わない。\n\n【制作時の確認】\n入力の数字や文言は見本を含みます。公開前に実際の情報で確認し、根拠のない実績・比較・効果を作らない。不明な情報は確認する。まず完成画面を見せ、動画化する場合は使える制作環境と出力形式を確認する。\n\n参考部品：aito26「言葉を、ひとつずつ」 / https://aito26.com/motion#part-19"
      }
    },
    {
      "id": "20",
      "name": "言葉を入れ替える",
      "category": "比較",
      "description": "古い考えを消して、次の一歩へ。",
      "keywords": [
        "新作",
        "アレンジ",
        "キネティック",
        "モーション"
      ],
      "use": "思い込みの訂正や、やり方の切り替えを伝える場面に。",
      "durationSeconds": 6,
      "kind": "replacewords",
      "motion": "0〜1.2秒で元の言葉を表示。1.2〜1.8秒で青い取消線を引く。1.8〜2.6秒で元の言葉を上へ退け、新しい言葉を下から表示。3〜6秒は新しい言葉と補足を見せる。",
      "parameters": [
        {
          "key": "title",
          "label": "見出し",
          "sample": "始め方を、変えてみる",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "a",
          "label": "元の言葉",
          "sample": "完璧を待つ",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "b",
          "label": "新しい言葉",
          "sample": "まず、試す",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "c",
          "label": "補足",
          "sample": "小さな一歩が、次につながる。",
          "type": "text",
          "maxLength": 32
        }
      ],
      "url": "https://aito26.com/motion#part-20",
      "prompts": {
        "landscape": "「言葉を入れ替える」の図解部品を、次の内容で作ってください。\n\n【使う場面】\n思い込みの訂正や、やり方の切り替えを伝える場面に。\n\n【画面】\n横16:9（1920×1080）、6秒、音なし。文字が読み切れる余白をとり、要素は横方向の流れを基本に配置する。\n\n【使う言葉・数値】\n見出し：始め方を、変えてみる\n元の言葉：完璧を待つ\n新しい言葉：まず、試す\n補足：小さな一歩が、次につながる。\n\n【動き】\n0〜1.2秒で元の言葉を表示。1.2〜1.8秒で青い取消線を引く。1.8〜2.6秒で元の言葉を上へ退け、新しい言葉を下から表示。3〜6秒は新しい言葉と補足を見せる。\n\n【デザイン】\naito26の濃紺 #070b22 を背景に、青 #2EAEFF と水色 #28ECFF をアクセント。白い文字、細い線、控えめな光。本文は読みやすい日本語ゴシック体。1画面1メッセージ。激しい点滅は使わない。\n\n【制作時の確認】\n入力の数字や文言は見本を含みます。公開前に実際の情報で確認し、根拠のない実績・比較・効果を作らない。不明な情報は確認する。まず完成画面を見せ、動画化する場合は使える制作環境と出力形式を確認する。\n\n参考部品：aito26「言葉を入れ替える」 / https://aito26.com/motion#part-20",
        "portrait": "「言葉を入れ替える」の図解部品を、次の内容で作ってください。\n\n【使う場面】\n思い込みの訂正や、やり方の切り替えを伝える場面に。\n\n【画面】\n縦9:16（1080×1920）、6秒、音なし。文字が読み切れる余白をとり、要素は縦に並べ替え、中央の安全な範囲に収める。\n\n【使う言葉・数値】\n見出し：始め方を、変えてみる\n元の言葉：完璧を待つ\n新しい言葉：まず、試す\n補足：小さな一歩が、次につながる。\n\n【動き】\n0〜1.2秒で元の言葉を表示。1.2〜1.8秒で青い取消線を引く。1.8〜2.6秒で元の言葉を上へ退け、新しい言葉を下から表示。3〜6秒は新しい言葉と補足を見せる。\n\n【デザイン】\naito26の濃紺 #070b22 を背景に、青 #2EAEFF と水色 #28ECFF をアクセント。白い文字、細い線、控えめな光。本文は読みやすい日本語ゴシック体。1画面1メッセージ。激しい点滅は使わない。\n\n【制作時の確認】\n入力の数字や文言は見本を含みます。公開前に実際の情報で確認し、根拠のない実績・比較・効果を作らない。不明な情報は確認する。まず完成画面を見せ、動画化する場合は使える制作環境と出力形式を確認する。\n\n参考部品：aito26「言葉を入れ替える」 / https://aito26.com/motion#part-20"
      }
    },
    {
      "id": "21",
      "name": "回って止まる数字",
      "category": "数字",
      "description": "桁ごとに回転し、数字がそろう。",
      "keywords": [
        "新作",
        "アレンジ",
        "キネティック",
        "モーション"
      ],
      "use": "実績や目標の数値を、ひとつだけ印象づけたい場面に。",
      "durationSeconds": 6,
      "kind": "rollingdigits",
      "motion": "0〜2.5秒で数字の各桁が縦に回り、左の桁から順に指定値へ止まる。2.5〜6秒は確定した数字・単位・説明を見せる。",
      "parameters": [
        {
          "key": "title",
          "label": "見出し",
          "sample": "積み重ねが、かたちになる",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "a",
          "label": "数値",
          "sample": "128",
          "type": "number",
          "min": 0,
          "max": 999999,
          "step": 1
        },
        {
          "key": "b",
          "label": "単位",
          "sample": "個",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "c",
          "label": "数字の説明",
          "sample": "アイデアのストック",
          "type": "text",
          "maxLength": 32
        }
      ],
      "url": "https://aito26.com/motion#part-21",
      "prompts": {
        "landscape": "「回って止まる数字」の図解部品を、次の内容で作ってください。\n\n【使う場面】\n実績や目標の数値を、ひとつだけ印象づけたい場面に。\n\n【画面】\n横16:9（1920×1080）、6秒、音なし。文字が読み切れる余白をとり、要素は横方向の流れを基本に配置する。\n\n【使う言葉・数値】\n見出し：積み重ねが、かたちになる\n数値：128\n単位：個\n数字の説明：アイデアのストック\n\n【動き】\n0〜2.5秒で数字の各桁が縦に回り、左の桁から順に指定値へ止まる。2.5〜6秒は確定した数字・単位・説明を見せる。\n\n【デザイン】\naito26の濃紺 #070b22 を背景に、青 #2EAEFF と水色 #28ECFF をアクセント。白い文字、細い線、控えめな光。本文は読みやすい日本語ゴシック体。1画面1メッセージ。激しい点滅は使わない。\n\n【制作時の確認】\n入力の数字や文言は見本を含みます。公開前に実際の情報で確認し、根拠のない実績・比較・効果を作らない。不明な情報は確認する。まず完成画面を見せ、動画化する場合は使える制作環境と出力形式を確認する。\n\n参考部品：aito26「回って止まる数字」 / https://aito26.com/motion#part-21",
        "portrait": "「回って止まる数字」の図解部品を、次の内容で作ってください。\n\n【使う場面】\n実績や目標の数値を、ひとつだけ印象づけたい場面に。\n\n【画面】\n縦9:16（1080×1920）、6秒、音なし。文字が読み切れる余白をとり、要素は縦に並べ替え、中央の安全な範囲に収める。\n\n【使う言葉・数値】\n見出し：積み重ねが、かたちになる\n数値：128\n単位：個\n数字の説明：アイデアのストック\n\n【動き】\n0〜2.5秒で数字の各桁が縦に回り、左の桁から順に指定値へ止まる。2.5〜6秒は確定した数字・単位・説明を見せる。\n\n【デザイン】\naito26の濃紺 #070b22 を背景に、青 #2EAEFF と水色 #28ECFF をアクセント。白い文字、細い線、控えめな光。本文は読みやすい日本語ゴシック体。1画面1メッセージ。激しい点滅は使わない。\n\n【制作時の確認】\n入力の数字や文言は見本を含みます。公開前に実際の情報で確認し、根拠のない実績・比較・効果を作らない。不明な情報は確認する。まず完成画面を見せ、動画化する場合は使える制作環境と出力形式を確認する。\n\n参考部品：aito26「回って止まる数字」 / https://aito26.com/motion#part-21"
      }
    },
    {
      "id": "22",
      "name": "流れるステップ",
      "category": "手順",
      "description": "次のカードへ、視線ごと移動。",
      "keywords": [
        "新作",
        "アレンジ",
        "キネティック",
        "モーション"
      ],
      "use": "企画から完成までなど、テンポよく工程を見せたい場面に。",
      "durationSeconds": 6,
      "kind": "swipecards",
      "motion": "0〜3秒で3枚のカードを1秒ごとに横方向へ切り替える。縦画面は上下方向へ切り替える。3〜4秒で3枚を一覧に並べ直し、4〜6秒は全工程を見せる。",
      "parameters": [
        {
          "key": "title",
          "label": "見出し",
          "sample": "ひとつのアイデアが届くまで",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "a",
          "label": "工程1",
          "sample": "ひらめく",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "b",
          "label": "工程2",
          "sample": "つくる",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "c",
          "label": "工程3",
          "sample": "届ける",
          "type": "text",
          "maxLength": 32
        }
      ],
      "url": "https://aito26.com/motion#part-22",
      "prompts": {
        "landscape": "「流れるステップ」の図解部品を、次の内容で作ってください。\n\n【使う場面】\n企画から完成までなど、テンポよく工程を見せたい場面に。\n\n【画面】\n横16:9（1920×1080）、6秒、音なし。文字が読み切れる余白をとり、要素は横方向の流れを基本に配置する。\n\n【使う言葉・数値】\n見出し：ひとつのアイデアが届くまで\n工程1：ひらめく\n工程2：つくる\n工程3：届ける\n\n【動き】\n0〜3秒で3枚のカードを1秒ごとに横方向へ切り替える。縦画面は上下方向へ切り替える。3〜4秒で3枚を一覧に並べ直し、4〜6秒は全工程を見せる。\n\n【デザイン】\naito26の濃紺 #070b22 を背景に、青 #2EAEFF と水色 #28ECFF をアクセント。白い文字、細い線、控えめな光。本文は読みやすい日本語ゴシック体。1画面1メッセージ。激しい点滅は使わない。\n\n【制作時の確認】\n入力の数字や文言は見本を含みます。公開前に実際の情報で確認し、根拠のない実績・比較・効果を作らない。不明な情報は確認する。まず完成画面を見せ、動画化する場合は使える制作環境と出力形式を確認する。\n\n参考部品：aito26「流れるステップ」 / https://aito26.com/motion#part-22",
        "portrait": "「流れるステップ」の図解部品を、次の内容で作ってください。\n\n【使う場面】\n企画から完成までなど、テンポよく工程を見せたい場面に。\n\n【画面】\n縦9:16（1080×1920）、6秒、音なし。文字が読み切れる余白をとり、要素は縦に並べ替え、中央の安全な範囲に収める。\n\n【使う言葉・数値】\n見出し：ひとつのアイデアが届くまで\n工程1：ひらめく\n工程2：つくる\n工程3：届ける\n\n【動き】\n0〜3秒で3枚のカードを1秒ごとに横方向へ切り替える。縦画面は上下方向へ切り替える。3〜4秒で3枚を一覧に並べ直し、4〜6秒は全工程を見せる。\n\n【デザイン】\naito26の濃紺 #070b22 を背景に、青 #2EAEFF と水色 #28ECFF をアクセント。白い文字、細い線、控えめな光。本文は読みやすい日本語ゴシック体。1画面1メッセージ。激しい点滅は使わない。\n\n【制作時の確認】\n入力の数字や文言は見本を含みます。公開前に実際の情報で確認し、根拠のない実績・比較・効果を作らない。不明な情報は確認する。まず完成画面を見せ、動画化する場合は使える制作環境と出力形式を確認する。\n\n参考部品：aito26「流れるステップ」 / https://aito26.com/motion#part-22"
      }
    },
    {
      "id": "23",
      "name": "光で満ちる100ドット",
      "category": "数字",
      "description": "全体のうちの割合を、光の粒に。",
      "keywords": [
        "新作",
        "アレンジ",
        "キネティック",
        "モーション"
      ],
      "use": "達成率やアンケートの割合を、100個の点で見せる場面に。",
      "durationSeconds": 6,
      "kind": "dotpercent",
      "motion": "0〜2.5秒で100個のドットのうち指定割合の個数だけ青から水色に点灯。数値も連動して増える。2.5〜6秒は割合と説明を見せる。",
      "parameters": [
        {
          "key": "title",
          "label": "見出し",
          "sample": "進んだぶんが、見えてくる",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "a",
          "label": "割合（%）",
          "sample": "75",
          "type": "number",
          "min": 0,
          "max": 100,
          "step": 1
        },
        {
          "key": "b",
          "label": "説明",
          "sample": "準備できたこと",
          "type": "text",
          "maxLength": 32
        }
      ],
      "url": "https://aito26.com/motion#part-23",
      "prompts": {
        "landscape": "「光で満ちる100ドット」の図解部品を、次の内容で作ってください。\n\n【使う場面】\n達成率やアンケートの割合を、100個の点で見せる場面に。\n\n【画面】\n横16:9（1920×1080）、6秒、音なし。文字が読み切れる余白をとり、要素は横方向の流れを基本に配置する。\n\n【使う言葉・数値】\n見出し：進んだぶんが、見えてくる\n割合（%）：75\n説明：準備できたこと\n\n【動き】\n0〜2.5秒で100個のドットのうち指定割合の個数だけ青から水色に点灯。数値も連動して増える。2.5〜6秒は割合と説明を見せる。\n\n【デザイン】\naito26の濃紺 #070b22 を背景に、青 #2EAEFF と水色 #28ECFF をアクセント。白い文字、細い線、控えめな光。本文は読みやすい日本語ゴシック体。1画面1メッセージ。激しい点滅は使わない。\n\n【制作時の確認】\n入力の数字や文言は見本を含みます。公開前に実際の情報で確認し、根拠のない実績・比較・効果を作らない。不明な情報は確認する。まず完成画面を見せ、動画化する場合は使える制作環境と出力形式を確認する。\n\n参考部品：aito26「光で満ちる100ドット」 / https://aito26.com/motion#part-23",
        "portrait": "「光で満ちる100ドット」の図解部品を、次の内容で作ってください。\n\n【使う場面】\n達成率やアンケートの割合を、100個の点で見せる場面に。\n\n【画面】\n縦9:16（1080×1920）、6秒、音なし。文字が読み切れる余白をとり、要素は縦に並べ替え、中央の安全な範囲に収める。\n\n【使う言葉・数値】\n見出し：進んだぶんが、見えてくる\n割合（%）：75\n説明：準備できたこと\n\n【動き】\n0〜2.5秒で100個のドットのうち指定割合の個数だけ青から水色に点灯。数値も連動して増える。2.5〜6秒は割合と説明を見せる。\n\n【デザイン】\naito26の濃紺 #070b22 を背景に、青 #2EAEFF と水色 #28ECFF をアクセント。白い文字、細い線、控えめな光。本文は読みやすい日本語ゴシック体。1画面1メッセージ。激しい点滅は使わない。\n\n【制作時の確認】\n入力の数字や文言は見本を含みます。公開前に実際の情報で確認し、根拠のない実績・比較・効果を作らない。不明な情報は確認する。まず完成画面を見せ、動画化する場合は使える制作環境と出力形式を確認する。\n\n参考部品：aito26「光で満ちる100ドット」 / https://aito26.com/motion#part-23"
      }
    },
    {
      "id": "24",
      "name": "浮かび上がる立体文字",
      "category": "強調",
      "description": "青い奥行きから、ひと言が浮かぶ。",
      "keywords": [
        "新作",
        "アレンジ",
        "キネティック",
        "モーション"
      ],
      "use": "動画のタイトルや、最後に残す短いメッセージに。",
      "durationSeconds": 6,
      "kind": "depthtype",
      "motion": "0〜1.5秒で青い奥行きとともに主役の文字が浮き上がる。1.5〜3秒で水色の細い光が下を通過。3〜6秒は立体文字と補足を見せる。",
      "parameters": [
        {
          "key": "title",
          "label": "見出し",
          "sample": "AIと、つくる毎日",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "a",
          "label": "主役の言葉",
          "sample": "ひらめきを、形に。",
          "type": "text",
          "maxLength": 32
        },
        {
          "key": "b",
          "label": "補足",
          "sample": "あなたの「やりたい」から始めよう。",
          "type": "text",
          "maxLength": 32
        }
      ],
      "url": "https://aito26.com/motion#part-24",
      "prompts": {
        "landscape": "「浮かび上がる立体文字」の図解部品を、次の内容で作ってください。\n\n【使う場面】\n動画のタイトルや、最後に残す短いメッセージに。\n\n【画面】\n横16:9（1920×1080）、6秒、音なし。文字が読み切れる余白をとり、要素は横方向の流れを基本に配置する。\n\n【使う言葉・数値】\n見出し：AIと、つくる毎日\n主役の言葉：ひらめきを、形に。\n補足：あなたの「やりたい」から始めよう。\n\n【動き】\n0〜1.5秒で青い奥行きとともに主役の文字が浮き上がる。1.5〜3秒で水色の細い光が下を通過。3〜6秒は立体文字と補足を見せる。\n\n【デザイン】\naito26の濃紺 #070b22 を背景に、青 #2EAEFF と水色 #28ECFF をアクセント。白い文字、細い線、控えめな光。本文は読みやすい日本語ゴシック体。1画面1メッセージ。激しい点滅は使わない。\n\n【制作時の確認】\n入力の数字や文言は見本を含みます。公開前に実際の情報で確認し、根拠のない実績・比較・効果を作らない。不明な情報は確認する。まず完成画面を見せ、動画化する場合は使える制作環境と出力形式を確認する。\n\n参考部品：aito26「浮かび上がる立体文字」 / https://aito26.com/motion#part-24",
        "portrait": "「浮かび上がる立体文字」の図解部品を、次の内容で作ってください。\n\n【使う場面】\n動画のタイトルや、最後に残す短いメッセージに。\n\n【画面】\n縦9:16（1080×1920）、6秒、音なし。文字が読み切れる余白をとり、要素は縦に並べ替え、中央の安全な範囲に収める。\n\n【使う言葉・数値】\n見出し：AIと、つくる毎日\n主役の言葉：ひらめきを、形に。\n補足：あなたの「やりたい」から始めよう。\n\n【動き】\n0〜1.5秒で青い奥行きとともに主役の文字が浮き上がる。1.5〜3秒で水色の細い光が下を通過。3〜6秒は立体文字と補足を見せる。\n\n【デザイン】\naito26の濃紺 #070b22 を背景に、青 #2EAEFF と水色 #28ECFF をアクセント。白い文字、細い線、控えめな光。本文は読みやすい日本語ゴシック体。1画面1メッセージ。激しい点滅は使わない。\n\n【制作時の確認】\n入力の数字や文言は見本を含みます。公開前に実際の情報で確認し、根拠のない実績・比較・効果を作らない。不明な情報は確認する。まず完成画面を見せ、動画化する場合は使える制作環境と出力形式を確認する。\n\n参考部品：aito26「浮かび上がる立体文字」 / https://aito26.com/motion#part-24"
      }
    }
  ]
}
