YouTube Dark Mode Desktop UI Mockup

{
  "type": "Desktop-UI-Mockup",
  "application": "YouTube-Startseite",
  "theme": "{argument name=\"theme\" default=\"Dark Mode\"}",
  "browser_window": {
    "url_bar": "{argument name=\"browser URL\" default=\"youtube.com\"}",
    "tabs": 1,
    "elements": ["Zurück-/Vor-Schaltflächen", "Aktualisieren", "Erweiterungen", "Profil-Avatar"]
  },
  "layout": {
    "sidebar": {
      "position": "links",
      "sections": [
        { "title": "Hauptbereich", "count": 3, "items": ["Start", "Shorts", "Abos"] },
        { "title": "Du", "count": 6, "items": ["Dein Kanal", "Verlauf", "Playlists", "Deine Videos", "Später ansehen", "Videos, die ich mag"] },
        { "title": "Abos", "count": 8, "items": ["Linus Tech Tips", "MrBeast", "Kurzgesagt - In a...", "ColdFusion", "3Blue1Brown", "Khan Academy", "Veritasium", "Mehr anzeigen"] },
        { "title": "Entdecken", "count": 7, "items": ["Trends", "Musik", "Filme", "Live", "Gaming", "Nachrichten", "Sport"] },
        { "title": "Mehr von YouTube", "count": 3, "items": ["YouTube Premium", "YouTube Music", "YouTube Kids"] }
      ]
    },
    "top_filter_bar": {
      "count": 11,
      "labels": ["Alle", "Gaming", "Musik", "Live", "Podcasts", "Mixes", "Wissenschaft", "Lo-fi", "Thriller", "Kürzlich hochgeladen", "Angesehen"]
    },
    "video_grid": {
      "layout": "4 Zeilen mal 3 Spalten",
      "count": 12,
      "videos": [
        { "title": "Why Build Your Own GPU is Almost Impossible", "channel": "Linus Tech Tips", "thumbnail": "GPU-Chip mit rotem Pfeil" },
        { "title": "Survive 100 Days In Circle, Win $500,000", "channel": "MrBeast", "thumbnail": "MrBeast lächelnd mit Teilnehmern im Hintergrund" },
        { "title": "What If We Nuke an Asteroid?", "channel": "Kurzgesagt - In a Nutshell", "thumbnail": "Rakete nähert sich einem Asteroiden im Weltraum" },
        { "title": "How Dubai Became a $10 Billion City", "channel": "ColdFusion", "thumbnail": "Mann neben der Skyline von Dubai mit Text '$0 TO $10B'" },
        { "title": "The Beautiful Math of Euler's Identity", "channel": "3Blue1Brown", "thumbnail": "Mathematische Gleichung und Spiralgraph auf schwarzem Hintergrund" },
        { "title": "The World in 2040 - Population, Climate & More", "channel": "Veritasium", "thumbnail": "Üppiger grüner Wald mit Text 'The World in 2040'" },
        { "title": "I've Been Using Linux For 12 Years, This Is What Finally...", "channel": "DistroTube", "thumbnail": "Laptop und Smartphone mit blauem Verbindungspfeil" },
        { "title": "Black Holes Explained - From Birth to Death", "channel": "Khan Academy", "thumbnail": "Leuchtend orangefarbene Akkretionsscheibe eines Schwarzen Lochs" },
        { "title": "The Problem With Diet Advice", "channel": "Andrew Huberman", "thumbnail": "Mann im schwarzen Hemd mit Text 'the problem with diet advice'" },
        { "title": "How to Learn Anything (Evidence-Based)", "channel": "Ali Abdaal", "thumbnail": "Flache Illustration eines Mannes, der ein Buch liest, umgeben von bunten Blättern" },
        { "title": "The Last of Us Part 2 is a Masterpiece", "channel": "Naughty Dog", "thumbnail": "Düsteres Porträt von Ellie mit Spiele-Logo" },
        { "title": "lofi hip hop radio - beats to relax/study to", "channel": "Lofi Girl", "thumbnail": "Anime-Mädchen lernt am Schreibtisch mit Blick auf die Stadt bei Sonnenuntergang" }
      ]
    }
  },
  "os_environment": {
    "os": "{argument name=\"operating system\" default=\"Windows 10\"}",
    "taskbar_position": "unten",
    "visible_icons": ["Start", "Suchleiste", "Taskansicht", "Datei-Explorer", "Edge", "Spotify"],
    "system_tray": ["Netzwerk", "Lautstärke", "Akku", "Uhr zeigt 08:34 03.04.2024"]
  }
}