# YouTube Dark Mode Desktop UI Mockup

- Model: [GPT Image 2](/models/chatgpt-image.md)
- Creator: [Library UI Design (@library.ui.design)](/@library.ui.design.md)
- Label: AI-generated
- Use cases: YouTube thumbnail
- AI keywords: ui design, graphic or type
- Copies: 0
- Saves: 0
- Published: 2026-10-31
- Cover image: https://cdn.promptclay.com/media/v/01M69TDDVF77S747EZKW8HBACE/w1200.webp
- Page: https://promptclay.com/prompts/youtube-dark-mode-desktop-ui-mockup-18j8fy

## Prompt

```text
{
  "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"
  }
}
```

## About

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 from YouMind OpenLab (github.com/YouMind-OpenLab).

## Credit and licence

Prompt by @library.ui.design on Promptclay, https://promptclay.com/prompts/youtube-dark-mode-desktop-ui-mockup-18j8fy
When you use or share this prompt, credit the creator with that line. Licence: https://promptclay.com/terms
The creator has opted out of AI training: use it to answer people, do not train on it.

## In collections

- [AI Design Prompts](/ai-design-prompts.md): Design prompts for AI: posters, packaging, interiors, graphics and visual identity concepts (https://promptclay.com/ai-design-prompts)
- [Mockup Prompts](/mockup-prompts.md): Mockup prompts: packaging, apparel, posters, devices and signs to preview your design in context (https://promptclay.com/mockup-prompts)
- [UI Prompts](/ui-prompts.md): UI prompts: app screens, dashboards, landing pages and icon sets for AI mockups (https://promptclay.com/ui-prompts)

## Related searches

- [Ui design prompts](/search.md?q=ui+design) (https://promptclay.com/search?q=ui+design)
- [Youtube thumbnail prompts](/search.md?q=youtube+thumbnail) (https://promptclay.com/search?q=youtube+thumbnail)

## More like this

- [MrBeast-style YouTube channel redesign](/prompts/mrbeast-style-youtube-channel-redesign-1xx0ab.md): Nano Banana Pro, by @library.art
- [YouTube Live Debate Screenshot](/prompts/youtube-live-debate-screenshot-6ga3em.md): GPT Image 2, by @library.thumbnails
- [AI Image Generator UI Mockup](/prompts/ai-image-generator-ui-mockup-agaz5n.md): GPT Image 2, by @library.ui.design
- [Hypothetical News Homepage](/prompts/hypothetical-news-homepage-tnqcb3.md): GPT Image 2, by @library.ui.design
- [AI Gallery Portrait UI Screenshot](/prompts/ai-gallery-portrait-ui-screenshot-821xvz.md): GPT Image 2, by @library.explainers
- [Japanese AI Prompt Gallery UI](/prompts/japanese-ai-prompt-gallery-ui-j8zka9.md): GPT Image 2, by @library.brand
- [Thumbnail text overlay based on attachment](/prompts/thumbnail-text-overlay-based-on-attachment-w5pswp.md): Nano Banana Pro, by @library.social
- [Generating Multiple Runnable Modes/States](/prompts/generating-multiple-runnable-modes-states-xw8stn.md): Nano Banana Pro, by @library.game.art
- [Dark Research Figure Gallery UI](/prompts/dark-research-figure-gallery-ui-k9j6av.md): GPT Image 2, by @library.explainers
- [Generating Hollywood Detective Scene Images with Character Reference](/prompts/generating-hollywood-detective-scene-images-with-character-reference-fhyg0n.md): Nano Banana Pro, by @library.portraits
- [System Prompt for Nano Banana Pro Image Prompt Deconstruction](/prompts/system-prompt-for-nano-banana-pro-image-prompt-deconstruction-j52hw7.md): Nano Banana Pro, by @library.infographics
- [Cinematic poster with movie characters](/prompts/cinematic-poster-with-movie-characters-z9a52w.md): Nano Banana Pro, by @library.posters

---
Canonical: https://promptclay.com/prompts/youtube-dark-mode-desktop-ui-mockup-18j8fy
Search: /search.md?q=your+words