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

{
  "type": "デスクトップ UI モックアップ",
  "application": "YouTube ホームページ",
  "theme": "{argument name=\"theme\" default=\"ダークモード\"}",
  "browser_window": {
    "url_bar": "{argument name=\"browser URL\" default=\"youtube.com\"}",
    "tabs": 1,
    "elements": ["戻る/進むボタン", "更新", "拡張機能", "プロフィールアバター"]
  },
  "layout": {
    "sidebar": {
      "position": "左",
      "sections": [
        { "title": "メイン", "count": 3, "items": ["ホーム", "Shorts", "登録チャンネル"] },
        { "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": "ノートパソコンとスマートフォンを繋ぐ青い矢印" },
        { "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": "{argument name=\"operating system\" default=\"Windows 10\"}",
    "taskbar_position": "下",
    "visible_icons": ["スタート", "検索バー", "タスクビュー", "エクスプローラー", "Edge", "Spotify"],
    "system_tray": ["ネットワーク", "音量", "バッテリー", "08:34 2024 年 4 月 3 日を表示する時計"]
  }
}