Image2Studio
Examples

gpt-image-2

Design System Card Set

App UI Mockup prompt for ui mockups, ready to edit and generate in Image2Studio.

App UI Mockup prompt for ui mockups, ready to edit and generate in Image2Studio.
App UI Mockup prompt for ui mockups, ready to edit and generate in Image2Studio.
Prompt

Generate a clean design system overview board for a fictional product language called LUMEN UI, arranged as a square component gallery on a 2048x2048 canvas. Use a neutral palette of ivory, charcoal, muted blue, sage, and coral accents. The composition should be an orderly grid of cards showing buttons, input fields, badges, toggles, tabs, avatars, alerts, and pricing cards. Include crisp typography, even spacing, subtle shadows, and exact alignment as if exported from a professional design tool. Add labeled sections with the in-image text "LUMEN UI", "Buttons", "Inputs", "Status", "Cards", and "Type Scale". Include sample button labels "Primary", "Secondary", and "Danger"; badge labels "Success", "Pending", and "Error"; and typography specimens "Display 48", "Heading 24", and "Body 16". Ensure the board feels systematic, editorial, and highly legible, with clean hierarchy, correct labels, and polished component consistency suitable for a design systems gallery.

Prompt structure
  • Modelgpt-image-2
  • Use caseapp-ui-mockup
  • Styleminimal, editorial
  • Aspect ratiosquare
Best used for
  • Use caseapp-ui-mockup
  • Styleminimal, editorial
  • Recommended specssquare
  • ModelGPT Image 2
How to customize

Use this Design System Card Set prompt as a base. Replace the subject, product details, environment, lighting, brand colors, and output ratio while keeping the app-ui-mockup intent and minimal, 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.
  • Framesquare
  • 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

Design System Card Set 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 minimal, 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?square