Desktop UI Mockup

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

• Modelgpt-image-2
• Use caseapp-ui-mockup
• Styleeditorial, anime, watercolor, luxury
• Aspect ratioFlexible

• Use caseapp-ui-mockup
• Styleeditorial, anime, watercolor, luxury
• Recommended specs1:1, 4:5, 16:9, or 9:16
• ModelGPT Image 2

Use this Desktop UI Mockup prompt as a base. Replace the subject, product details, environment, lighting, brand colors, and output ratio while keeping the app-ui-mockup intent and editorial, anime, watercolor, luxury direction stable.

• SubjectReplace the product, person, scene, interface, or object being generated.
• Use caseKeep or rewrite the destination as app ui mockup, ad creative, cover image, poster, or ecommerce hero.
• FrameChoose 1:1, 4:5, 16:9, or 9:16 based on the final placement.
• Brand cuesAdd colors, materials, props, text-safe space, and the platform where the image will be used.

Choose the frame for the destination first, then use 1K, 2K, or 4K based on output quality needs. Product images and posters usually benefit from higher resolution.

• CheckSubject, lighting, composition, and frame are specific enough to review.
• CheckText-safe space is included when the image will carry a headline or ad copy.
• CheckResolution, credit cost, and final destination are checked before generation.

Desktop UI Mockup works because it starts from the image job, then controls subject, composition, lighting, style, and frame. It is best for app ui mockup while keeping the editorial, anime, watercolor, luxury direction stable.

• Can I use it directly?Yes. Replace the subject, brand cues, and frame, then generate in Image2Studio.
• Which ratio should I use?Choose 1:1, 4:5, 16:9, or 9:16 based on the destination.