# 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/01M69QJ44V80FCR520WF86F6QJ/w1200.webp
- Page: https://promptclay.com/prompts/youtube-dark-mode-desktop-ui-mockup-0a2m19

## Prompt

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

## About

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 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-0a2m19
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

- [Video Streaming Platform Homepage UI](/prompts/video-streaming-platform-homepage-ui-q75fw7.md): GPT Image 2, by @library.ui.design
- [YouTube 2030 Interface](/prompts/youtube-2030-interface-0aywy3.md): GPT Image 2, by @library.ui.design
- [YouTube Live Presentation UI Mockup](/prompts/youtube-live-presentation-ui-mockup-wm3m11.md): GPT Image 2, by @library.thumbnails
- [MrBeast-style YouTube channel redesign](/prompts/mrbeast-style-youtube-channel-redesign-1xx0ab.md): Nano Banana Pro, by @library.art
- [YouTube Livestream Interface Mockup](/prompts/youtube-livestream-interface-mockup-8ybnth.md): GPT Image 2, by @library.thumbnails
- [Livestream Interface Mockup](/prompts/livestream-interface-mockup-0dsjkx.md): GPT Image 2, by @library.lifestyle
- [Cinematic poster with movie characters](/prompts/cinematic-poster-with-movie-characters-z9a52w.md): Nano Banana Pro, by @library.posters
- [Atmospheric Product Interface Visual Prompt for SaaS UI](/prompts/atmospheric-product-interface-visual-prompt-for-saas-ui-wyp5ch.md): Nano Banana Pro, by @library.infographics
- [Generating Multiple Runnable Modes/States](/prompts/generating-multiple-runnable-modes-states-xw8stn.md): Nano Banana Pro, by @library.game.art
- [Thumbnail text overlay based on attachment](/prompts/thumbnail-text-overlay-based-on-attachment-w5pswp.md): Nano Banana Pro, by @library.social
- [Dark Research Figure Gallery UI](/prompts/dark-research-figure-gallery-ui-k9j6av.md): GPT Image 2, by @library.explainers
- [Claude Design Sync UI Mockup](/prompts/claude-design-sync-ui-mockup-7zg60w.md): GPT Image 2, by @library.brand

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