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": [ "Zurück/Vorwärts-Button", "Aktualisieren", "Erweiterungen", "Profilbild" ] }, "layout": { "sidebar": { "position": "Linke Seite", "sections": [ { "title": "Startseite", "count": 3, "items": [ "Startseite", "Shorts", "Abonnementinhalte" ] }, { "title": "Ich", "count": 6, "items": [ "Dein Kanal", "Verlauf", "Playlist", "Dein Video", "Später ansehen", "Gefällt mir" ] }, { "title": "Abonnementinhalte", "count": 8, "items": [ "Linus Tech Tips", "MrBeast", "Kurzgesagt - In a...", "ColdFusion", "3Blue1Brown", "Khan Academy", "Veritasium", "Mehr anzeigen" ] }, { "title": "Entdecken", "count": 7, "items": [ "Beliebt", "Musik", "Film", "Live-Streaming", "Spiel", "Nachrichten", "Sport" ] }, { "title": "Weitere YouTube-Dienste", "count": 3, "items": [ "YouTube Premium", "YouTube Music", "YouTube Kids" ] } ] }, "top_filter_bar": { "count": 11, "labels": [ "alle", "Spiel", "Musik", "Live-Streaming", "Podcast", "Compilation", "Wissenschaft", "Lo-Fi", "Thriller", "Neuester Upload", "Angesehen" ] }, "video_grid": { "layout": "4 Zeilen und 3 Spalten", "count": 12, "videos": [ { "title": "Warum der Bau einer eigenen GPU fast unmöglich ist", "channel": "Linus Tech Tips", "thumbnail": "GPU-Chip mit rotem Pfeil" }, { "title": "Überlebe 100 Tage im Kreis und gewinne 500.000 Dollar.", "channel": "MrBeast", "thumbnail": "MrBeast lächelt, im Hintergrund sind die Kandidaten zu sehen." }, { "title": "Was würde passieren, wenn wir einen Asteroiden mit einer Atombombe zerstören würden?", "channel": "Kurzgesagt - In a Nutshell", "thumbnail": "Rakete nähert sich Asteroid im Weltraum" }, { "title": "Wie Dubai zur 10-Milliarden-Dollar-Stadt wurde", "channel": "ColdFusion", "thumbnail": "Ein Mann steht neben der Skyline von Dubai, neben der der Text '0 bis 10 Milliarden Dollar' angezeigt wird." }, { "title": "Die mathematische Schönheit der Eulerschen Identität", "channel": "3Blue1Brown", "thumbnail": "Mathematische Formeln und Spiralen auf schwarzem Hintergrund" }, { "title": "Die Welt im Jahr 2040 – Bevölkerung, Klima und mehr", "channel": "Veritasium", "thumbnail": "Ein üppiger Wald mit dem Text 'Die Welt im Jahr 2040'" }, { "title": "Nach 12 Jahren Linux-Nutzung endlich...", "channel": "DistroTube", "thumbnail": "Laptop und Smartphone sind durch einen blauen Pfeil verbunden." }, { "title": "Schwarze Löcher erklärt – Von der Entstehung bis zum Tod", "channel": "Khan Academy", "thumbnail": "Die leuchtend orange Akkretionsscheibe des Schwarzen Lochs" }, { "title": "Ernährungsempfehlungen", "channel": "Andrew Huberman", "thumbnail": "Ein Mann in einem schwarzen Hemd; der Text lautet: 'Das Problem mit Ernährungstipps'." }, { "title": "Wie man alles lernt (basierend auf Beweisen)", "channel": "Ali Abdaal", "thumbnail": "Flache Illustration: Ein Mann liest ein Buch, umgeben von bunten Blättern." }, { "title": "The Last of Us Part II ist ein Meisterwerk.", "channel": "Naughty Dog", "thumbnail": "Ellies entschlossenes Porträt mit dem Spiellogo." }, { "title": "Lofi Hip-Hop-Radio – Beats perfekt zum Entspannen/Lernen.", "channel": "Lofi Girl", "thumbnail": "Ein Anime-Mädchen lernt an ihrem Schreibtisch. Durch das Fenster ist die Skyline der Stadt im Sonnenuntergang zu sehen." } ] } }, "os_environment": { "os": "{argument name=\"Betriebssystem\" default=\"Windows 10\"}", "taskbar_position": "unten", "visible_icons": [ "Start", "Suchleiste", "Aufgabenansicht", "Datei-Explorer", "Edge", "Spotify" ], "system_tray": [ "Netzwerk", "Lautstärke", "Batterie", "Eine Uhr, die 08:34 Uhr am 3. April 2024 anzeigt." ] } }