動画配信プラットフォームのデスクトップUIモックアップ

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