
UI / UX Design
YouTube Live Stream Event UI Mockup
Renders a dark-mode YouTube desktop live stream interface during a tech keynote. Adjust the presenter description, slide content, and channel details to mock up any live broadcast.
youtubelive streamdark modeui mockupkeynoteweb interface
Browse similar promptsDark mode AI prompts
Prompt
{
"type": "YouTube Live Stream UI mockup",
"theme": "dark mode",
"layout": {
"top_bar": {
"components": [
"hamburger menu",
"YouTube logo",
"search bar",
"microphone icon",
"create icon",
"notifications icon",
"profile avatar"
]
},
"video_player": {
"status": "LIVE badge in top left",
"left_side": "A [man in a green sweater] standing at a wooden podium with a spiral logo, gesturing with hands, laptop on podium.",
"right_side_presentation": {
"text_elements": [
"OpenAI",
"INTRODUCING",
"[GPT-Image-2]",
"[More Realistic. More Useful. More Creative.]"
],
"image_gallery": {
"count": 4,
"panels": [
"mountain lake with a boat",
"close-up portrait of a woman with dappled lighting",
"cute robot holding a lantern in a dark forest",
"impressionist painting of a glowing city street at night"
]
}
},
"bottom_controls": {
"components": [
"play/pause",
"next",
"volume",
"LIVE text",
"red progress bar",
"CC",
"settings gear",
"miniplayer",
"theater mode",
"fullscreen"
]
}
},
"video_info": {
"title": "[OpenAI Live: Introducing GPT-Image-2]",
"channel_section": {
"name": "[OpenAI]",
"badge": "verified checkmark",
"subscribers": "1.36M subscribers",
"button": "Subscribe (white pill button)"
},
"action_buttons": {
"count": 5,
"labels": [
"Like (12K)",
"Dislike (497)",
"Share",
"Save",
"..."
]
},
"description_box": {
"metadata": "95,237 watching now, Started streaming 7 minutes ago",
"hashtags": "#OpenAI #GPTImage2 #AI",
"body_text": "Join us for a special live event as we introduce GPT-Image-2, our latest and most advanced image generation model. See new capabilities, live demos, and hear from the team ...more"
}
}
}
}What you can customize
Swap these parts of the prompt for your own subject or wording before you generate.
[man in a green sweater]placeholder[GPT-Image-2]placeholder[More Realistic. More Useful. More Creative.]placeholder[OpenAI]placeholder
Prompt details
- Category
- UI / UX Design
- Model
- GPT IMAGE 2
- Cost per image
- 1K: 43 credits · 2K: 86 credits · 4K: 143 credits
- Aspect ratio
- 16:9
- Added