IP
Generate
YouTube Dark Mode Desktop UI Mockup preview image
Primary reference image

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.

This is a gpt-image-2 prompt case for 其他灵感. Use the copy-ready prompt below to generate similar visuals, and review YouMind OpenLab awesome-gpt-image-2 attribution plus commercial-use rights before reuse.

Try this prompt

Prompt

Copy-ready prompt

{
  "type": "Desktop web browser UI screenshots",
  "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": [
        "microphone",
        "create",
        "notify",
        "Personal information"
      ]
    },
    "filter_bar": {
      "active_filter": "{argument name=\"active filter\" default=\"all\"}",
      "count": 11,
      "labels": [
        "all",
        "game",
        "music",
        "live streaming",
        "podcast",
        "compilation",
        "science",
        "Lo-fi",
        "Thriller",
        "Latest Upload",
        "Viewed"
      ]
    },
    "sidebar": {
      "sections": [
        {
          "title": "main",
          "count": 3,
          "labels": [
            "front page",
            "Shorts",
            "Subscription content"
          ]
        },
        {
          "title": "I",
          "count": 6,
          "labels": [
            "Your channel",
            "Historical records",
            "Playlist",
            "Your video",
            "Watch later",
            "Liked Videos"
          ]
        },
        {
          "title": "Subscription content",
          "count": 8,
          "labels": [
            "Linus Tech Tips",
            "MrBeast",
            "Kurzgesagt - In a Nutshell",
            "ColdFusion",
            "3Blue1Brown",
            "Khan Academy",
            "Veritasium",
            "Show more"
          ]
        },
        {
          "title": "explore",
          "count": 7,
          "labels": [
            "Popular",
            "music",
            "Movie",
            "live streaming",
            "game",
            "news",
            "physical education"
          ]
        },
        {
          "title": "More YouTube services",
          "count": 3,
          "labels": [
            "YouTube Premium",
            "YouTube Music",
            "YouTube Kids"
          ]
        }
      ]
    },
    "main_content": {
      "layout": "3 columns and 4 rows grid",
      "count": 12,
      "video_cards": [
        {
          "title": "Why building your own GPU is almost impossible",
          "channel": "Linus Tech Tips",
          "stats": "164,000 views • 1 day ago",
          "thumbnail": "CPU/GPU chips"
        },
        {
          "title": "Survive in the circle for 100 days and win $500,000.",
          "channel": "MrBeast",
          "stats": "40 million views • 5 days ago",
          "thumbnail": "Mr. Beast, dressed in a blue tracksuit, and the crowd."
        },
        {
          "title": "What would happen if we destroyed an asteroid with a nuclear bomb?",
          "channel": "Kurzgesagt - In a Nutshell",
          "stats": "4.2 million views • 6 hours ago",
          "thumbnail": "Missile hits asteroid in space"
        },
        {
          "title": "How Dubai Became a $10 Billion City",
          "channel": "ColdFusion",
          "stats": "1.6 million views • 2 weeks ago",
          "thumbnail": "Man with Dubai skyline"
        },
        {
          "title": "The beautiful mathematics of Euler's identity",
          "channel": "3Blue1Brown",
          "stats": "2.8 million views • 3 months ago",
          "thumbnail": "Mathematical formulas and spiral diagrams"
        },
        {
          "title": "The World in 2040 - Population, Climate, and More",
          "channel": "Veritasium",
          "stats": "7.7 million views • 2 weeks ago",
          "thumbnail": "Aerial view of dense forest"
        },
        {
          "title": "I've used Linux for 12 years, and finally...",
          "channel": "DistroTube",
          "stats": "160,000 views • 3 days ago",
          "thumbnail": "Laptops and smartphones with the Linux logo"
        },
        {
          "title": "Black Holes Explained - From Birth to Death",
          "channel": "Khan Academy",
          "stats": "3.9 million views • 3 months ago",
          "thumbnail": "Glowing black hole accretion disk"
        },
        {
          "title": "The problem with dietary recommendations",
          "channel": "Andrew Huberman",
          "stats": "4.4 million views • 6 days ago",
          "thumbnail": "The man who spoke while wearing glasses"
        },
        {
          "title": "How to learn anything (based on evidence)",
          "channel": "Ali Abdaal",
          "stats": "2.7 million views • 3 months ago",
          "thumbnail": "Vector illustration of a man reading a book"
        },
        {
          "title": "The Last of Us Part II is a masterpiece.",
          "channel": "Naughty Dog",
          "stats": "2.3 million views • 3 years ago",
          "thumbnail": "Ellie from The Last of Us"
        },
        {
          "title": "Lofi hip hop radio - beats perfect for relaxation/study.",
          "channel": "Lofi Girl",
          "stats": "During the live stream",
          "thumbnail": "Lofi Girl studying at her desk"
        }
      ]
    }
  },
  "taskbar": {
    "os": "Windows",
    "icons": [
      "start",
      "search",
      "Task View",
      "File Explorer",
      "Edge",
      "Spotify"
    ],
    "system_tray": "08:34 April 3, 2024"
  }
}

Prompt variables

Editable argument placeholders found in the prompt, with their default values.

5
Variable
os environment
Default
Windows 11 desktop
Variable
ui theme
Default
Dark mode
Variable
profile initial
Default
M
Variable
website name
Default
YouTube
Variable
active filter
Default
all

More cases in this category

Prioritized by category, input mode compatibility, quality, and lower risk.

6

Reuse and source notes

Use this prompt safely after previewing the case.

  1. 1.Copy the prompt or open it directly in Dovoo with the generation button.
  2. 2.Adjust variables, aspect ratio, and reference images for your own use case.
  3. 3.Before publishing or paid usage, verify source rights, attribution requirements, and brand or likeness risks.

Can I use this prompt commercially?

Commercial-use status is unknown. Review the original source, license, brand constraints, and legal requirements before paid usage.

Where does this case come from?

This case is imported from YouMind OpenLab awesome-gpt-image-2; keep attribution visible and check the source URL before reuse.