Image2Studio
Examples

gpt-image-2

UI/UX Design System Concept Board

Ready-to-edit UI/UX Design System Concept Board image prompt.

Ready-to-edit UI/UX Design System Concept Board image prompt.
Ready-to-edit UI/UX Design System Concept Board image prompt.
Prompt

{ "type": "UI/UX Design System Concept Board", "theme": "Aviation and flight interface", "overall_style": "Dark mode, sleek, modern, technical, futuristic, glassmorphism", "layout": { "top_left": { "section": "DESIGN STYLE", "title": "{argument name=\"main title\" default=\"AERIAL INTERFACE\"}", "subtitle": "{argument name=\"subtitle\" default=\"空域界面\"}", "description": "Introductory paragraph about aerial interface design", "principles": { "count": 4, "labels": ["SENSE OF CONTROL", "MINIMAL & PURE", "DATA AESTEETICS", "IMMERSIVE EXPERIENCE"] } }, "top_center": { "imagery": "Top-down view of a commercial airplane flying upwards, leaving twin white contrails against a dark background", "text": ["FLIGHT AS INTERFACE.", "Your Ideas. Our Altitude."], "metrics": ["STATUS CRUISING", "DESTINATION CREATE", "ETA ∞"] }, "top_right": { "section": "UI Widget", "imagery": "Rounded rectangular panel showing an airplane wing over clouds at sunset", "data_points": ["11:34", "1975 PEOPLE ONBOARD", "FLIGHT DATA {argument name=\"destination\" default=\"OKINAWA\"}", "ALTITUDE 35,000 FT", "SPEED 552 KTS"], "tabs": { "count": 3, "labels": ["MAP", "DATAVIEW", "SYSTEM"] } }, "bottom_left": { "section": "COLOR PALETTE", "swatches": { "count": 3, "labels": ["#05070A", "#0B1220", "#E6F0FF"] } }, "bottom_mid_left": { "section": "TYPOGRAPHY", "fonts": { "count": 2, "labels": ["{argument name=\"primary font\" default=\"INTER\"}", "{argument name=\"secondary font\" default=\"JETBRAINS MONO\"}"] } }, "bottom_mid_right": { "section": "MATERIAL", "examples": { "count": 2, "labels": ["GLASS (frosted rectangle)", "METAL (dark sphere)"] } }, "bottom_right": { "section": "MOTION", "concepts": { "count": 3, "labels": ["Airplane taking off", "Radar focus circle", "Glowing flight streak"] } }, "footer": { "text": "DESIGN ESSENCE: Not just designing an interface, but creating a flight experience." } } }

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

Use this UI/UX Design System Concept Board 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, minimal, cyberpunk 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/UX Design System Concept Board 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, minimal, cyberpunk 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.