UI Interaction Design · #104 sample image

Click to view full image · Reference sample

Source

Original prompt preserved. Results vary depending on model version, reference image, and parameters; identical outputs are not guaranteed.

UI & Interfaces / PROMPT #104

UI Interaction Design · #104

UIBrandingTech

Review the image, then copy the prompt. If placeholders are present, customize them below.

01 / Customize your version

No placeholders detected. You can freely adjust the subject, color palette, text, and aspect ratio after copying.

02 / Full Prompt · Original

{
  "type": "YouTube livestream UI",
  "top_nav": {
    "logo": "YouTube Premium",
    "search": "{argument name=\"search query\" default=\"bilal fraiha\"}",
    "icons": 3
  },
  "player": {
    "subjects": [
      "{argument name=\"female guest\" default=\"Sydney Sweeney\"} in white cardigan",
      "bearded man in beige jacket laughing"
    ],
    "bg": "couch, 2 silver play buttons, ram logo 'SARDI'",
    "overlays": {
      "chat": {"pos": "left", "count": 15, "desc": "colored usernames, white text"},
      "goal": {"pos": "top right", "text": "TONIGHT'S GOAL: 0 to 25"},
      "banner": {"pos": "bottom center", "text": "K {argument name=\"streamer name\" default=\"MOREBILAL\"}"}
    },
    "controls": {"count": 10}
  },
  "details": {
    "title": "{argument name=\"video title\" default=\"FULL STREAM | سيدني سويني مع بلال\"}",
    "channel": "{argument name=\"channel name\" default=\"More Bilal No Filter\"}",
    "buttons": 5
  }
}

Copy into your preferred AI image generator. Prompt Atelier provides prompt browsing and editing, but does not generate images directly.

03 / Pre-generation checklist

Replace placeholders with specific details, and check whether reference images are needed.
Specify exact wording for text elements, and proofread carefully after generation.
Adjust only one element at a time—subject, lighting, or composition—to compare results easily.

View prompt guide →