YouTube Dark Mode Desktop UI Mockup

YouTube Dark Mode Desktop UI Mockup

Documento originale

GPT Image 2 · en

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

Come usare

  1. Copia tutto il prompt originale, inclusi i parametri.
  2. Adatta soggetto, testo e composizione alle tue esigenze.
  3. Usa uno strumento esterno compatibile; verifica accesso e risultato.

Prima di iniziare

  • Controlla se serve un’immagine di riferimento. La compatibilità non prova il modello usato per l’esempio.
  • Verifica nomi, numeri e testi; i risultati cambiano con le versioni del modello.

Esempi simili

YouTube Live Presentation UI Mockup
GPT Image 2en

{ "type": "YouTube desktop dark mode UI mockup", "header": { "logo": "YouTube", "search_bar": "search", "icons_count": 5, "icons": [ "search", "microphone", "create", "notify", "Personal information" ] }, "video_player": {

YouTube Dark Mode Desktop UI Mockup
GPT Image 2en

{ "type": "Desktop UI Prototype", "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/Forw

YouTube Video Interface Mockup
GPT Image 2en

{ "type": "Desktop video platform UI model", "theme": "Dark mode", "header": { "logo": "YouTube IN", "search_bar": "Centered, with a magnifying glass icon", "right_icons": { "count": 4, "items": [ "microphone", "+ Create Button",

YouTube Live Stream Announcement Mockup
GPT Image 2en

{"type": "YouTube Live Stream UI mockup", "theme": "dark mode", "layout": {"top_bar": {"components": ["hamburger menu", "YouTube logo", "search bar", "microphone icon", "create icon", "notifications icon", "profile avatar"]}, "video_player": {"status": "LIVE badge in top left", "

YouTube Live Stream Announcement Mockup
GPT Image 2en

{ "type": "YouTube live streaming interface demo", "theme": "Dark mode", "layout": { "top_bar": { "components": [ "Hamburger menu", "YouTube logo", "Search bar", "microphone icon", "Create icon", "Notification icon",

Dark AI Coding Dashboard UI
GPT Image 2en

{ "type": "Dark SaaS Analytics Dashboard UI", "product": { "brand": "{argument name=\"brand name\" default=\"AICode\"}", "theme": "The interface features a deep navy blue frosted glass texture with subtle gradients, soft lighting, rounded cards, and thin borders, embo