Image2Studio
Prompts

gpt-image-2

视频流媒体平台主页 UI

生成视频流媒体网站主页的详细模型,包含侧边栏、分类标签以及带有标题和元数据的视频缩略图网格。

Copy this GPT Image 2 prompt for app ui mockup and youtube thumbnails with Editorial styling. Use it in Image2Studio to generate, edit, and save.
Copy this GPT Image 2 prompt for app ui mockup and youtube thumbnails with Editorial styling. Use it in Image2Studio to generate, edit, and save.
Prompt

{ "type": "web browser UI mockup", "platform": "{argument name=\"platform name\" default=\"YouTube\"}", "browser_window": { "style": "macOS light mode", "tab": "YouTube", "url_bar": "youtube.com" }, "layout": { "header": { "components": ["hamburger menu", "platform logo", "search bar", "create video icon", "notifications bell", "user profile avatar"] }, "sidebar": { "position": "left", "item_count": 11, "sections": [ { "name": "Main", "items": ["Home", "Shorts", "Subscriptions", "Originals", "YouTube Music"] }, { "name": "Explore", "items": ["Trending", "Shopping", "Music", "Movies", "Live", "Gaming"] } ] }, "main_content": { "category_tags": { "count": 10, "labels": ["All", "Gaming", "Music", "Live", "Podcasts", "AI", "Cars", "Mixes", "News", "Recently uploaded"] }, "video_grid": { "card_count": 5, "cards": [ { "position": "top left", "size": "large", "thumbnail_description": "Sam Altman and Greg Brockman sitting on a stage next to a standing humanoid robot, text overlay 'OpenAI Introducing Our Humanoid Robot', LIVE badge", "video_title": "{argument name=\"featured live stream title\" default=\"Introducing Our Humanoid Robot\"}", "channel_name": "{argument name=\"featured live stream channel\" default=\"OpenAI\"}", "metadata": "482K watching now" }, { "position": "top right", "size": "large", "thumbnail_description": "surprised man's face on the left, a large mansion hidden in a forest with an explosion on the right, bold yellow text overlay '{argument name=\"top right thumbnail text\" default=\"TOTAL SECRECY\"}'", "video_title": "{argument name=\"top right video title\" default=\"I Bought 100 Million Dollar Secret House!\"}", "channel_name": "MrBeast", "metadata": "4.1M views, 19 hours ago, 20:49 duration" }, { "position": "bottom left", "size": "small", "thumbnail_description": "Steve Carell holding a laptop showing a scene from The Office", "video_title": "Steve Carell Breaks Down His Most Iconic Characters | GQ", "channel_name": "GQ", "metadata": "987K views, 2 days ago, 17:46 duration" }, { "position": "bottom middle", "size": "small", "thumbnail_description": "man looking through a spyglass at a sailing ship on the ocean at sunset", "video_title": "Black Sails Is Beautiful!", "channel_name": "Savage Books", "metadata": "606K views, 2 days ago, 17:46 duration" }, { "position": "bottom right", "size": "small", "thumbnail_description": "creepy masked killer character from a video game with text overlay 'DEAD OF DAYLIGHT'", "video_title": "Playing As The Seekers In Dead By Daylight", "channel_name": "Unknown", "metadata": "806K views, 1 day ago, 28:39 duration" } ] } } } }

Prompt structure
  • Modelgpt-image-2
  • Use caseapp-ui-mockup
  • Styleeditorial
  • Aspect ratioFlexible
Best used for
  • Use caseapp-ui-mockup
  • Styleeditorial
  • Recommended specs1:1, 4:5, 16:9, or 9:16
  • ModelGPT Image 2
How to customize

Use this 视频流媒体平台主页 UI 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 direction stable.

Editable variables
  • 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.
Recommended specs

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.

Pre-generation checklist
  • 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.
Why this prompt works

视频流媒体平台主页 UI 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 direction stable.

Common questions
  • 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.