YouTube Livestream Interface Mockup

Marouane Lamharzi Alaoui ↗

gpt-image-2 · 4/17/2026

Info & Interface›App & game UI›UI mockup

likes489

comments33

shares9

bookmarks164

quotes6

{
  "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
  }
}

✨ Generate Original post Open in Hitboard

How to use this prompt

Copy the prompt and paste it into GPT Image 2. Keep the composition, lighting and style terms as written — they are what produced this result. Swap the subject or scene details to make it yours, keep the aspect ratio, and attach the reference images the prompt mentions if any. Regenerate two or three times; the strongest version is usually not the first.