UI & Interfaces Case 152

System Library #152UI & Interfaces
#UI & Interfaces#UI#Product#Brand#Tech#Commerce#Social2167 characters · 5 parameters

Prompt content

5 prompt-specific parameters. Select any colored field inline.

{
  "type": "e-commerce livestream screenshot mockup",
  "scene": {
    "subject": "",
    "clothing": "dark green crewneck sweater",
    "action": "holding a black product box in one hand and pointing at it with the other",
    "setting": "dark studio with a microphone on the left, faint 'AI' text in the background",
    "props": [
      "black mug with white OpenAI logo",
      "stack of 4 black product boxes on the right"
    ]
  },
  "product_design": {
    "box_color": "black",
    "logo": "orange asterisk or sunburst",
    "text": ""
  },
  "ui_overlays": {
    "top_left_product_info": {
      "brand_tag": "Anthropic Official Flagship Store",
      "title": "",
      "subtitle": "",
      "sub_subtitle": "The most powerful model: Opus 4.7 major release!",
      "bullet_points_count": 3,
      "bullet_points": [
        "Super strong reasoning ability",
        "Peak coding capability",
        "Complex tasks handled with ease"
      ]
    },
    "top_right_live_status": {
      "viewer_info": "Live | 528,000 viewers",
      "promo_banner": "Live exclusive benefits, limited-time discount – don't miss out",
      "countdown": "Countdown 00:09:47"
    },
    "middle_right_price_card": {
      "header": " Live Room Exclusive Price",
      "price_currency": "¥",
      "price_value": "",
      "price_unit": "/million tokens starting",
      "original_price": "Original price: ¥1.89",
      "button": "Buy Now"
    },
    "bottom_left_chat": {
      "message_count": 9,
      "input_box_placeholder": "Say something..."
    },
    "bottom_right_banner": {
      "headline": "Ultraman's top recommendation! Recognize Claude Opus 4.7",
      "subheadline": "Smarter · Safer · More Reliable",
      "feature_tags_count": 4,
      "feature_tags": [
        "Powerful reasoning",
        "Coding powerhouse",
        "Safe and reliable",
        "Rapid response"
      ]
    },
    "floating_elements": [
      {
        "type": "sticker",
        "position": "middle right over product boxes",
        "text": ""
      }
    ]
  }
}

Related cases

Explore similar styles

Back to Plaza