YouTube Dark Mode Desktop UI Mockup

{
  "type": "Desktop UI Prototype",
  "application": "YouTube Homepage",
  "theme": "{argument name=\"theme\" default=\"Dark mode\"}",
  "browser_window": {
    "url_bar": "{argument name=\"browser URL\" default=\"youtube.com\"}",
    "tabs": 1,
    "elements": [
      "Back/Forward button",
      "refresh",
      "extensions",
      "Profile picture"
    ]
  },
  "layout": {
    "sidebar": {
      "position": "Left side",
      "sections": [
        {
          "title": "Homepage",
          "count": 3,
          "items": [
            "front page",
            "Shorts",
            "Subscription content"
          ]
        },
        {
          "title": "I",
          "count": 6,
          "items": [
            "Your channel",
            "Historical records",
            "Playlist",
            "Your video",
            "Watch later",
            "Liked Videos"
          ]
        },
        {
          "title": "Subscription content",
          "count": 8,
          "items": [
            "Linus Tech Tips",
            "MrBeast",
            "Kurzgesagt - In a...",
            "ColdFusion",
            "3Blue1Brown",
            "Khan Academy",
            "Veritasium",
            "Show more"
          ]
        },
        {
          "title": "explore",
          "count": 7,
          "items": [
            "Popular",
            "music",
            "Movie",
            "live streaming",
            "game",
            "news",
            "physical education"
          ]
        },
        {
          "title": "More YouTube services",
          "count": 3,
          "items": [
            "YouTube Premium",
            "YouTube Music",
            "YouTube Kids"
          ]
        }
      ]
    },
    "top_filter_bar": {
      "count": 11,
      "labels": [
        "all",
        "game",
        "music",
        "live streaming",
        "podcast",
        "compilation",
        "science",
        "Lo-fi",
        "Thriller",
        "Latest Upload",
        "Viewed"
      ]
    },
    "video_grid": {
      "layout": "4 rows and 3 columns",
      "count": 12,
      "videos": [
        {
          "title": "Why building your own GPU is almost impossible",
          "channel": "Linus Tech Tips",
          "thumbnail": "GPU chip with red arrow"
        },
        {
          "title": "Survive in the circle for 100 days and win $500,000.",
          "channel": "MrBeast",
          "thumbnail": "MrBeast is smiling, with contestants in the background."
        },
        {
          "title": "What would happen if we destroyed an asteroid with a nuclear bomb?",
          "channel": "Kurzgesagt - In a Nutshell",
          "thumbnail": "Missile approaches asteroid in space"
        },
        {
          "title": "How Dubai Became a $10 Billion City",
          "channel": "ColdFusion",
          "thumbnail": "A man stands beside the Dubai skyline with the text '$0 TO $10B' displayed."
        },
        {
          "title": "The Mathematical Beauty of Euler's Identity",
          "channel": "3Blue1Brown",
          "thumbnail": "Mathematical formulas and spirals on a black background"
        },
        {
          "title": "The World in 2040 - Population, Climate, and More",
          "channel": "Veritasium",
          "thumbnail": "A lush forest with the text 'The World in 2040'"
        },
        {
          "title": "After using Linux for 12 years, finally...",
          "channel": "DistroTube",
          "thumbnail": "Laptop and smartphone connected by a blue arrow."
        },
        {
          "title": "Black Holes Explained - From Birth to Death",
          "channel": "Khan Academy",
          "thumbnail": "The glowing orange accretion disk of the black hole"
        },
        {
          "title": "Dietary recommendations",
          "channel": "Andrew Huberman",
          "thumbnail": "A man wearing a black shirt; the text reads 'the problem with diet advice'."
        },
        {
          "title": "How to learn anything (based on evidence)",
          "channel": "Ali Abdaal",
          "thumbnail": "Flat illustration: A man reading a book, surrounded by colorful leaves."
        },
        {
          "title": "The Last of Us Part II is a masterpiece.",
          "channel": "Naughty Dog",
          "thumbnail": "Ellie's resolute portrait, featuring the game logo."
        },
        {
          "title": "Lofi hip hop radio - beats perfect for relaxation/study.",
          "channel": "Lofi Girl",
          "thumbnail": "An anime girl is studying at her desk, with the city skyline at sunset visible through the window."
        }
      ]
    }
  },
  "os_environment": {
    "os": "{argument name=\"operating system\" default=\"Windows 10\"}",
    "taskbar_position": "bottom",
    "visible_icons": [
      "start",
      "Search bar",
      "Task View",
      "File Explorer",
      "Edge",
      "Spotify"
    ],
    "system_tray": [
      "network",
      "volume",
      "Battery",
      "A clock displaying the time 08:34 on April 3, 2024."
    ]
  }
}