Livestream UI Mockup with Host

{
  "type": "mobile livestream UI mockup",
  "subject": {
    "person": "{argument name=\"host name\" default=\"Sam Altman\"}",
    "action": "reaching right hand out towards the camera",
    "clothing": "dark green sweater"
  },
  "background": {
    "setting": "office",
    "left_wall": "large OpenAI logo",
    "right_shelf": "wooden shelf with 3 dark bottles and 2 small signs reading 'AGI' and 'OpenAI'"
  },
  "layout": {
    "top_bar": {
      "elements": ["time 20:34", "signal bars", "wifi icon", "battery 774"]
    },
    "header": {
      "left_section": ["profile picture", "{argument name=\"account name\" default=\"OpenAI\"}", "48.3万本场点赞", "关注 button"],
      "right_section": ["3 viewer avatars", "10万+", "X close button"],
      "sub_tags": ["OpenAI官方旗舰店榜第1名", "更多直播"]
    },
    "floating_widgets": {
      "left": "red envelope icon with 00:12",
      "right": "pink gift box icon with 520好礼季 抖音商城推荐"
    },
    "bottom_left_chat": {
      "host_announcement": ["avatar", "山姆奥特曼 Sam Altman 直播中", "{argument name=\"host message\" default=\"大家好，我是山姆奥特曼，邀你加入Kevin的学堂\"}"],
      "viewer_comments_count": 5,
      "viewer_comments_labels": [
        "AI新手小白: 刚好想学，来了！",
        "小凯: 终于开播了，冲冲冲！",
        "打工人Kevin: 一人公司太香了！",
        "智创未来: 已关注，期待干货！",
        "AI副业指南: 怎么加入？"
      ]
    },
    "bottom_right_overlay": {
      "qr_code": "large scannable QR code with blue KEVIN logo in center",
      "text": "{argument name=\"qr code title\" default=\"零基础做AI一人公司 将创业变赚钱生意\"}",
      "button": "{argument name=\"qr code button text\" default=\"扫码加入\"}"
    },
    "bottom_action_bar": {
      "input_field": "说点什么...",
      "icons_count": 5,
      "icons_labels": ["smiley face", "shopping cart", "heart", "gift box", "three dots"]
    }
  }
}

✨ Generate Save Copy prompt Share Original post Open in Hitboard