GPT Image 2

Youtube Dark Mode Desktop UI Mockup

A detailed UI mockup of a video streaming homepage in dark mode on a desktop OS, useful for web design references and layout generation.

Prompt text

Original English text. Replace placeholders with your own details.

{
 "type": "desktop web browser UI screenshot",
 "environment": "{argument name=\"os environment\" default=\"Windows 11 desktop\"}",
 "theme": "{argument name=\"ui theme\" default=\"dark mode\"}",
 "browser_window": {
 "tabs": ["YouTube", "New Tab"],
 "url_bar": "youtube.com",
 "profile_icon": "{argument name=\"profile initial\" default=\"M\"}"
 },
 "app_interface": {
 "header": {
 "logo": "{argument name=\"website name\" default=\"YouTube\"} GB",
 "search_bar": "Search",
 "icons": ["mic", "create", "notifications", "profile"]
 },
 "filter_bar": {
 "active_filter": "{argument name=\"active filter\" default=\"All\"}",
 "count": 11,
 "labels": ["All", "Gaming", "Music", "Live", "Podcasts", "Mixes", "Science", "Lo-fi", "Thrillers", "Recently uploaded", "Watched"]
 },
 "sidebar": {
 "sections": [
 { "title": "Main", "count": 3, "labels": ["Home", "Shorts", "Subscriptions"] },
 { "title": "You", "count": 6, "labels": ["Your channel", "History", "Playlists", "Your videos", "Watch later", "Liked videos"] },
 { "title": "Subscriptions", "count": 8, "labels": ["Linus Tech Tips", "MrBeast", "Kurzgesagt - In a Nutshell", "ColdFusion", "3Blue1Brown", "Khan Academy", "Veritasium", "Show more"] },
 { "title": "Explore", "count": 7, "labels": ["Trending", "Music", "Films", "Live", "Gaming", "News", "Sport"] },
 { "title": "More from YouTube", "count": 3, "labels": ["YouTube Premium", "YouTube Music", "YouTube Kids"] }
 ]
 },
 "main_content": {
 "layout": "3 columns by 4 rows grid",
 "count": 12,
 "video_cards": [
 { "title": "Why Build Your Own GPU is Almost Impossible", "channel": "Linus Tech Tips", "stats": "164K views • 1 day ago", "thumbnail": "CPU/GPU chip" },
 { "title": "Survive 100 Days In Circle, Win $500,000", "channel": "MrBeast", "stats": "40M views • 5 days ago", "thumbnail": "MrBeast with crowd in blue tracksuits" },
 { "title": "What If We Nuke an Asteroid?", "channel": "Kurzgesagt - In a Nutshell", "stats": "4.2M views • 6 hours ago", "thumbnail": "Missile hitting asteroid in space" },
 { "title": "How Dubai Became a $10 Billion City", "channel": "ColdFusion", "stats": "1.6M views • 2 weeks ago", "thumbnail": "Man and Dubai skyline" },
 { "title": "The Beautiful Math of Euler's Identity", "channel": "3Blue1Brown", "stats": "2.8M views • 3 months ago", "thumbnail": "Math equation and spiral graph" },
 { "title": "The World in 2040 - Population, Climate & More", "channel": "Veritasium", "stats": "7.7M views • 2 weeks ago", "thumbnail": "Lush green forest aerial view" },
 { "title": "I've Been Using Linux For 12 Years, This Is What Finally...", "channel": "DistroTube", "stats": "160K views • 3 days ago", "thumbnail": "Laptop and smartphone with Linux logo" },
 { "title": "Black Holes Explained - From Birth to Death", "channel": "Khan Academy", "stats": "3.9M views • 3 months ago", "thumbnail": "Glowing black hole accretion disk" },
 { "title": "The Problem With Diet Advice", "channel": "Andrew Huberman", "stats": "4.4M views • 6 days ago", "thumbnail": "Man with glasses speaking" },
 { "title": "How to Learn Anything (Evidence-Based)", "channel": "Ali Abdaal", "stats": "2.7M views • 3 months ago", "thumbnail": "Vector illustration of man reading a book" },
 { "title": "The Last of Us Part 2 is a Masterpiece", "channel": "Naughty Dog", "stats": "2.3M views • 3 years ago", "thumbnail": "Ellie from The Last of Us" },
 { "title": "lofi hip hop radio - beats to relax/study to", "channel": "Lofi Girl", "stats": "LIVE", "thumbnail": "Lofi girl studying at desk" }
 ]
 }
 },
 "taskbar": {
 "os": "Windows",
 "icons": ["Start", "Search", "Task View", "File Explorer", "Edge", "Spotify"],
 "system_tray": "08:34 03/04/2024"
 }
}

Source & attribution

Ivan Davila · 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 →