動画ストリーミングプラットフォームのホームページ UI

{
  "type": "ウェブブラウザ UI モックアップ",
  "platform": "{argument name=\"platform name\" default=\"YouTube\"}",
  "browser_window": {
    "style": "macOS ライトモード",
    "tab": "YouTube",
    "url_bar": "youtube.com"
  },
  "layout": {
    "header": {
      "components": ["ハンバーガーメニュー", "プラットフォームロゴ", "検索バー", "動画作成アイコン", "通知ベル", "ユーザープロフィールアバター"]
    },
    "sidebar": {
      "position": "左側",
      "item_count": 11,
      "sections": [
        {
          "name": "メイン",
          "items": ["ホーム", "Shorts", "登録チャンネル", "Originals", "YouTube Music"]
        },
        {
          "name": "探索",
          "items": ["急上昇", "ショッピング", "音楽", "映画", "ライブ", "ゲーム"]
        }
      ]
    },
    "main_content": {
      "category_tags": {
        "count": 10,
        "labels": ["すべて", "ゲーム", "音楽", "ライブ", "ポッドキャスト", "AI", "自動車", "ミックス", "ニュース", "最近アップロードされた動画"]
      },
      "video_grid": {
        "card_count": 5,
        "cards": [
          {
            "position": "左上",
            "size": "大",
            "thumbnail_description": "ステージ上で人型ロボットの隣に座るサム・アルトマンとグレッグ・ブロックマン、テキストオーバーレイ『OpenAI Introducing Our Humanoid Robot』、LIVE バッジ",
            "video_title": "{argument name=\"featured live stream title\" default=\"Introducing Our Humanoid Robot\"}",
            "channel_name": "{argument name=\"featured live stream channel\" default=\"OpenAI\"}",
            "metadata": "現在 48.2 万人が視聴中"
          },
          {
            "position": "右上",
            "size": "大",
            "thumbnail_description": "左側に驚いた男性の顔、右側に森の中に隠された巨大な邸宅と爆発、太字の黄色いテキストオーバーレイ『{argument name=\"top right thumbnail text\" default=\"TOTAL SECRECY\"}』",
            "video_title": "{argument name=\"top right video title\" default=\"I Bought 100 Million Dollar Secret House!\"}",
            "channel_name": "MrBeast",
            "metadata": "410 万回視聴、19 時間前、動画時間 20:49"
          },
          {
            "position": "左下",
            "size": "小",
            "thumbnail_description": "『The Office』のシーンが映るノートパソコンを持つスティーヴ・カレル",
            "video_title": "Steve Carell Breaks Down His Most Iconic Characters | GQ",
            "channel_name": "GQ",
            "metadata": "98.7 万回視聴、2 日前、動画時間 17:46"
          },
          {
            "position": "中央下",
            "size": "小",
            "thumbnail_description": "夕暮れの海で帆船を望遠鏡で眺める男性",
            "video_title": "Black Sails Is Beautiful!",
            "channel_name": "Savage Books",
            "metadata": "60.6 万回視聴、2 日前、動画時間 17:46"
          },
          {
            "position": "右下",
            "size": "小",
            "thumbnail_description": "ビデオゲームの不気味なマスクを被ったキラーキャラクター、テキストオーバーレイ『DEAD OF DAYLIGHT』",
            "video_title": "Playing As The Seekers In Dead By Daylight",
            "channel_name": "Unknown",
            "metadata": "80.6 万回視聴、1 日前、動画時間 28:39"
          }
        ]
      }
    }
  }
}