GPT Image 2

Youtube Dark Mode Desktop UI Mockup

Generates a highly detailed, accurate mockup of the YouTube desktop homepage in dark mode, complete with a populated sidebar, filter pills, and a 12-video grid featuring recognizable educational and entertainment channel thumbnails.

Prompt text

Original English text. Replace placeholders with your own details.

{
 "type": "desktop UI mockup",
 "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 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": "{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", "clock showing 08:34 03/04/2024"]
 }
}

Source & attribution

すぐる | ChatGPTガチ勢 𝕏 · Awesome GPT Image 2

Source-listed license: CC-BY-4.0. Prompt text is preserved; titles and previews may be shortened for display. Source examples are not NexGateHub test results.

View original source ↗ · Source credits & licenses

Explore more prompts →