Commercial

E-commerce Livestream UI Mockup

PublishedApr 17, 2026
Original languageZH
Categories
CommercialAdCommercialRealisticProduct
Likes
1
Views
167

Full prompt

Use this prompt

{ "type": "livestream interface mockup", "broadcaster": { "name": "{argument name=\"broadcaster name\" default=\"Elon Musk\"}", "appearance": "smiling man in a black jacket", "action": "holding up a green glass beer bottle with a {argument name=\"product brand\" default=\"TSINGTAO\"} label" }, "environment": { "background": "{argument name=\"city background\" default=\"Qingdao skyline at night\"} with illuminated skyscrapers, a river, a glowing red sculptural monument, and a neon sign reading 'I ❤️ 青岛'", "foreground": "a wooden table with a glass of beer with foam, and a clear ice bucket containing 4 green beer bottles" }, "ui_elements": { "header": { "left": "Profile picture, name '{argument name=\"broadcaster name\" default=\"Elon Musk\"}', subtitle '特斯拉 CEO', and a pink '关注' button", "right": "3 viewer avatars, '10万+' viewer count, and an 'X' close button", "top_right_banner": "Pink promotional banner reading '抖音618好物节 最高立减200元'" }, "floating_badges": [ "Yellow star badge '带货第1名' on top left", "Translucent speech bubble '直播时间 20:00-24:00' on mid right" ], "interaction_panel": { "gifts": [ "User '飞***' sending a pink heart 'x 88'", "User '静***' sending a fan club badge 'x 26'" ], "system_message": "Purple badge '32 铁粉1 Elon 加入了直播间'", "chat_messages_count": 7, "chat_examples": ["马斯克来中国直播了", "支持马斯克,支持青岛啤酒", "多少钱一箱?"] }, "product_card": { "position": "bottom right", "main_title": "{argument name=\"banner headline\" default=\"青岛啤酒官方旗舰店\"}", "subtitle": "Red banner with white text '马斯克推荐 跟着CEO买好酒'", "purchase_button": "White box with red text '惊喜价: {argument name=\"price\" default=\"¥99.9\"}' and a red '立即抢购' button" }, "bottom_bar": { "input_field": "Text input reading '说点什么...'", "icons_count": 5, "icons_list": ["smiley face", "shopping cart", "heart", "gift box", "three dots"] } } }

How to use this prompt

  1. 1Select Use this prompt to open it in the Orelon create workspace.
  2. 2Adapt the subject, style, and details to fit your idea.
  3. 3Generate, iterate, and refine until the result feels right.

This is a free AI prompt from the Orelon library. Thousands more image prompts here are free to copy and adapt.

Explore more image prompts

Ready to create

Make this prompt your own.

Start with this curated direction in Orelon, then shape it into your next visual.

Use this prompt