YouTube ダークモード デスクトップ UI モックアップ

{
  "type": "デスクトップUIモックアップ",
  "application": "YouTube ホームページ",
  "theme": "[ダークモード]",
  "browser_window": {
    "url_bar": "[youtube.com]",
    "tabs": 1,
    "elements": [
      "戻る/進むボタン",
      "更新",
      "拡張機能",
      "プロフィールアイコン"
    ]
  },
  "layout": {
    "sidebar": {
      "position": "左側",
      "sections": [
        {
          "title": "メイン",
          "count": 3,
          "items": [
            "ホーム",
            "ショート",
            "登録チャンネル"
          ]
        },
        {
          "title": "ライブラリ",
          "count": 6,
          "items": [
            "チャンネル",
            "履歴",
            "再生リスト",
            "作成した動画",
            "後で見る",
            "高く評価した動画"
          ]
        },
        {
          "title": "登録チャンネル",
          "count": 8,
          "items": [
            "Linus Tech Tips",
            "MrBeast",
            "Kurzgesagt - In a...",
            "ColdFusion",
            "3Blue1Brown",
            "Khan Academy",
            "Veritasium",
            "さらに表示"
          ]
        },
        {
          "title": "探索",
          "count": 7,
          "items": [
            "急上昇",
            "音楽",
            "映画",
            "ライブ",
            "ゲーム",
            "ニュース",
            "スポーツ"
          ]
        },
        {
          "title": "YouTubeのその他",
          "count": 3,
          "items": [
            "YouTube Premium",
            "YouTube Music",
            "YouTube Kids"
          ]
        }
      ]
    },
    "top_filter_bar": {
      "count": 11,
      "labels": [
        "すべて",
        "ゲーム",
        "音楽",
        "ライブ",
        "ポッドキャスト",
        "ミックス",
        "科学",
        "Lo-fi",
        "スリラー",
        "最近アップロードされた動画",
        "視聴済み"
      ]
    },
    "video_grid": {
      "layout": "4行×3列",
      "count": 12,
      "videos": [
        {
          "title": "Why Build Your Own GPU is Almost Impossible",
          "channel": "Linus Tech Tips",
          "thumbnail": "赤い矢印が付いたGPUチップ"
        },
        {
          "title": "Survive 100 Days In Circle, Win $500,000",
          "channel": "MrBeast",
          "thumbnail": "背景に参加者がいる笑顔のMrBeast"
        },
        {
          "title": "What If We Nuke an Asteroid?",
          "channel": "Kurzgesagt - In a Nutshell",
          "thumbnail": "宇宙で小惑星に接近するミサイル"
        },
        {
          "title": "How Dubai Became a $10 Billion City",
          "channel": "ColdFusion",
          "thumbnail": "ドバイのスカイラインの横に立つ男性と『$0 TO $10B』の文字"
        },
        {
          "title": "The Beautiful Math of Euler's Identity",
          "channel": "3Blue1Brown",
          "thumbnail": "黒背景に数式と螺旋グラフ"
        },
        {
          "title": "The World in 2040 - Population, Climate & More",
          "channel": "Veritasium",
          "thumbnail": "緑豊かな森と『The World in 2040』の文字"
        },
        {
          "title": "I've Been Using Linux For 12 Years, This Is What Finally...",
          "channel": "DistroTube",
          "thumbnail": "青い矢印で結ばれたノートPCとスマートフォン"
        },
        {
          "title": "Black Holes Explained - From Birth to Death",
          "channel": "Khan Academy",
          "thumbnail": "ブラックホールの輝くオレンジ色の降着円盤"
        },
        {
          "title": "The Problem With Diet Advice",
          "channel": "Andrew Huberman",
          "thumbnail": "黒いシャツを着た男性と『the problem with diet advice』の文字"
        },
        {
          "title": "How to Learn Anything (Evidence-Based)",
          "channel": "Ali Abdaal",
          "thumbnail": "色鮮やかな葉に囲まれ本を読む男性のフラットイラスト"
        },
        {
          "title": "The Last of Us Part 2 is a Masterpiece",
          "channel": "Naughty Dog",
          "thumbnail": "エリーの荒削りなポートレートとゲームロゴ"
        },
        {
          "title": "lofi hip hop radio - beats to relax/study to",
          "channel": "Lofi Girl",
          "thumbnail": "夕暮れの街並みを望む机で勉強するアニメ調の少女"
        }
      ]
    }
  },
  "os_environment": {
    "os": "[Windows 10]",
    "taskbar_position": "下部",
    "visible_icons": [
      "スタート",
      "検索バー",
      "タスクビュー",
      "エクスプローラー",
      "Edge",
      "Spotify"
    ],
    "system_tray": [
      "ネットワーク",
      "音量",
      "バッテリー",
      "08:34 03/04/2024 を示す時計"
    ]
  }
}