E-commerce Livestream UI Mockup

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

✨ Generate Save Copy prompt Share Original post Open in Hitboard