Desktop Application UI Mockup

{"type":"desktop application UI mockup","application":"Steam client","theme":"dark mode","header":{"top_menu":["Steam","表示","フレンド","ゲーム","ヘルプ"],"main_navigation":["ストア","ライブラリ","コミュニティ"],"user_profile":"Steam ユーザー"},"layout":{"left_sidebar":{"title":"game library","search_bar":true,"game_count":18,"game_list":["ハーフライフ","ハーフライフ 2","ハーフライフ 2: エピソード 1","ハーフライフ 2: エピソード 2","ハーフライフ: ブルーシフト","ハーフライフ: オポージング フォース","Portal","Portal 2","Team Fortress 2","Left 4 Dead 2","Counter-Strike: Source","Counter-Strike: Global Offensive","Day of Defeat: Source","Garry's Mod","Ricochet","Source Filmmaker","Half-Life Deathmatch: Source","Half-Life: Source"]},"main_content":{"breadcrumbs":"すべてのゲーム > アクションのゲーム > ハーフライフ","title":"{argument name=\"game title\" default=\"ハーフライフ\"}","media_gallery":{"main_image":"first-person view holding a red crowbar, facing a headcrab and a scientist in a lab with a glowing Lambda logo","thumbnail_count":5},"description":"{argument name=\"game description\" default=\"『ハーフライフ』は、Valve が開発した伝説的な一人称視点シューティングゲームです。ブラックメサ研究施設での実験が失敗し、異次元とのポータルが開いてしまった後、科学者ゴードン・フリーマンとして生き延び、脱出を目指します。\"}","metadata":{"release_date":"{argument name=\"release date\" default=\"1998年11月9日\"}","developer":"{argument name=\"developer\" default=\"Valve\"}","publisher":"Valve","user_reviews":"非常に好評 (20,910件のレビュー)"},"tags":["FPS","アクション","SF","クラシック","シングルプレイヤー","+"],"system_requirements":{"title":"システム要件","tabs":["Windows","macOS","SteamOS + Linux"],"specs":["OS: Windows 7 以降","プロセッサー: 1.7 GHz プロセッサー","メモリー: 512 MB RAM","グラフィック: DirectX 8.1 対応のビデオカード","DirectX: Version 8.1","ストレージ: 600 MB の空き容量"]}},"right_sidebar":{"purchase_box":{"title":"購入する","price":"{argument name=\"price\" default=\"¥ 980\"}","button":"カートに入れる"},"features_count":4,"features":["シングルプレイヤー","Steam 実績","フルコントローラサポート","Steam クラウド"],"languages_table":{"title":"言語","columns":["インターフェイス","フル音声","字幕"],"language_count":5,"languages":["日本語","英語","フランス語","ドイツ語","スペイン語 - スペイン"]}},"footer":{"left":"+ ゲームを追加","center":"ダウンロード 2 / 2 アイテム完了","right":"フレンド & チャット +"}}}

• Modelgpt-image-2
• Use caseapp-ui-mockup
• Styleeditorial
• Aspect ratioFlexible

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

Use this Desktop Application 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 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 Application 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 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.