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", "Je video", "Later bekijken", "Gelikete video's" ] }, { "title": "Abonnementsinhoud", "count": 8, "items": [ "Linus Tech Tips", "MrBeast", "Kurzgesagt - In een...", "ColdFusion", "3Blue1Brown", "Khan Academy", "Veritasium", "Meer weergeven" ] }, { "title": "Ontdekken", "count": 7, "items": [ "Populair", "muziek", "Film", "livestreaming", "game", "nieuws", "lichamelijke opvoeding" ] }, { "title": "Meer YouTube-services", "count": 3, "items": [ "YouTube Premium", "YouTube Music", "YouTube Kids" ] } ] }, "top_filter_bar": { "count": 11, "labels": [ "alles", "game", "muziek", "livestreaming", "podcast", "compilatie", "wetenschap", "Lo-fi", "Thriller", "Laatste upload", "Bekeken" ] }, "video_grid": { "layout": "4 rijen en 3 kolommen", "count": 12, "video's": [ { "title": "Waarom het bouwen van je eigen GPU bijna onmogelijk is", "channel": "Linus Tech Tips", "thumbnail": "GPU-chip met rode pijl" }, { "title": "Overleef 100 dagen in de cirkel en win $500.000.", "channel": "MrBeast", "thumbnail": "MrBeast lacht, met deelnemers op de achtergrond." }, { "title": "Wat zou er gebeuren als we een asteroïde zouden vernietigen met een kernbom?", "channel": "Kurzgesagt - In een notendop", "thumbnail": "Raket nadert asteroïde in de ruimte" }, { "title": "Hoe Dubai een stad van 10 miljard dollar werd", "channel": "ColdFusion", "thumbnail": "Een man staat naast de skyline van Dubai met de tekst '$0 TO $10B' erop." }, { "title": "De wiskundige schoonheid van de identiteit van Euler", "channel": "3Blue1Brown", "thumbnail": "Wiskundige formules en spiralen op een zwarte achtergrond" }, { "title": "De wereld in 2040 - Bevolking, klimaat en meer", "channel": "Veritasium", "thumbnail": "Een weelderig bos met de tekst 'De wereld in 2040'" }, { "title": "Na 12 jaar Linux te hebben gebruikt, eindelijk...", "channel": "DistroTube", "thumbnail": "Laptop en smartphone verbonden door een blauwe pijl." }, { "title": "Zwarte gaten uitgelegd - Van geboorte tot dood", "channel": "Khan Academy", "thumbnail": "De gloeiende oranje accretieschijf van het zwarte gat" }, { "title": "Voedingsadviezen", "channel": "Andrew Huberman", "thumbnail": "Een man in een zwart shirt; de tekst luidt 'het probleem met voedingsadvies'." }, { "title": "Hoe je alles kunt leren (gebaseerd op bewijs)", "channel": "Ali Abdaal", "thumbnail": "Platte illustratie: Een man die een boek leest, omringd door kleurrijke bladeren." }, { "title": "The Last of Us Part II is een meesterwerk.", "channel": "Naughty Dog", "thumbnail": "Ellie's vastberaden portret, met het gamelogo." }, { "title": "Lofi hiphopradio - beats perfect voor ontspanning/studie.", "channel": "Lofi Girl", "thumbnail": "Een anime-meisje studeert aan haar bureau, met de skyline van de stad bij zonsondergang zichtbaar door het raam." } ] } }, "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", "Een klok die 08:34 aangeeft op 3 april 2024." ] } }