YouTube Dark Mode Desktop UI Mockup

{
  "type": "desktop UI mockup",
  "application": "YouTube homepage",
  "theme": "[dark mode]",
  "browser_window": {
    "url_bar": "[youtube.com]",
    "tabs": 1,
    "elements": [
      "back/forward buttons",
      "refresh",
      "extensions",
      "profile avatar"
    ]
  },
  "layout": {
    "sidebar": {
      "position": "left",
      "sections": [
        {
          "title": "Main",
          "count": 3,
          "items": [
            "Home",
            "Shorts",
            "Subscriptions"
          ]
        },
        {
          "title": "You",
          "count": 6,
          "items": [
            "Your channel",
            "History",
            "Playlists",
            "Your videos",
            "Watch later",
            "Liked videos"
          ]
        },
        {
          "title": "Subscriptions",
          "count": 8,
          "items": [
            "Linus Tech Tips",
            "MrBeast",
            "Kurzgesagt - In a...",
            "ColdFusion",
            "3Blue1Brown",
            "Khan Academy",
            "Veritasium",
            "Show more"
          ]
        },
        {
          "title": "Explore",
          "count": 7,
          "items": [
            "Trending",
            "Music",
            "Films",
            "Live",
            "Gaming",
            "News",
            "Sport"
          ]
        },
        {
          "title": "More from YouTube",
          "count": 3,
          "items": [
            "YouTube Premium",
            "YouTube Music",
            "YouTube Kids"
          ]
        }
      ]
    },
    "top_filter_bar": {
      "count": 11,
      "labels": [
        "All",
        "Gaming",
        "Music",
        "Live",
        "Podcasts",
        "Mixes",
        "Science",
        "Lo-fi",
        "Thrillers",
        "Recently uploaded",
        "Watched"
      ]
    },
    "video_grid": {
      "layout": "4 rows by 3 columns",
      "count": 12,
      "videos": [
        {
          "title": "Why Build Your Own GPU is Almost Impossible",
          "channel": "Linus Tech Tips",
          "thumbnail": "GPU chip with red arrow"
        },
        {
          "title": "Survive 100 Days In Circle, Win $500,000",
          "channel": "MrBeast",
          "thumbnail": "MrBeast smiling with contestants in background"
        },
        {
          "title": "What If We Nuke an Asteroid?",
          "channel": "Kurzgesagt - In a Nutshell",
          "thumbnail": "Missile approaching an asteroid in space"
        },
        {
          "title": "How Dubai Became a $10 Billion City",
          "channel": "ColdFusion",
          "thumbnail": "Man next to Dubai skyline with text '$0 TO $10B'"
        },
        {
          "title": "The Beautiful Math of Euler's Identity",
          "channel": "3Blue1Brown",
          "thumbnail": "Math equation and spiral graph on black background"
        },
        {
          "title": "The World in 2040 - Population, Climate & More",
          "channel": "Veritasium",
          "thumbnail": "Lush green forest with text 'The World in 2040'"
        },
        {
          "title": "I've Been Using Linux For 12 Years, This Is What Finally...",
          "channel": "DistroTube",
          "thumbnail": "Laptop and smartphone with a blue arrow connecting them"
        },
        {
          "title": "Black Holes Explained - From Birth to Death",
          "channel": "Khan Academy",
          "thumbnail": "Glowing orange accretion disk of a black hole"
        },
        {
          "title": "The Problem With Diet Advice",
          "channel": "Andrew Huberman",
          "thumbnail": "Man in black shirt with text 'the problem with diet advice'"
        },
        {
          "title": "How to Learn Anything (Evidence-Based)",
          "channel": "Ali Abdaal",
          "thumbnail": "Flat illustration of a man reading a book surrounded by colorful leaves"
        },
        {
          "title": "The Last of Us Part 2 is a Masterpiece",
          "channel": "Naughty Dog",
          "thumbnail": "Gritty portrait of Ellie with game logo"
        },
        {
          "title": "lofi hip hop radio - beats to relax/study to",
          "channel": "Lofi Girl",
          "thumbnail": "Anime girl studying at a desk with city view at sunset"
        }
      ]
    }
  },
  "os_environment": {
    "os": "[Windows 10]",
    "taskbar_position": "bottom",
    "visible_icons": [
      "Start",
      "Search bar",
      "Task View",
      "File Explorer",
      "Edge",
      "Spotify"
    ],
    "system_tray": [
      "network",
      "volume",
      "battery",
      "clock showing 08:34 03/04/2024"
    ]
  }
}