Social Media Video App UI Mockup

Original document

GPT Image 2 · en

{
  "type": "Social media short video app interface model",
  "main_image": {
    "subject": "{argument name=\"subject description\" default=\"A young Asian woman with long dark hair, wearing a white off-the-shoulder top.\"}",
    "pose": "She turned to look at the camera, a gentle smile on her face, her hair swaying softly in the breeze.",
    "setting": "{argument name=\"background location\" default=\"The riverside promenade at sunset, with towering modern towers and the city skyline in the background.\"}",
    "lighting": "At the golden hour, the warm sunlight reflects on the river."
  },
  "ui_layout": {
    "top_bar": {
      "status_icons": [
        "Time 9:41",
        "Cellular signal",
        "Wi-Fi",
        "Battery 100"
      ],
      "navigation": {
        "left": "Menu icon",
        "center_tabs": [
          "experience",
          "Group buying",
          "focus on",
          "{argument name=\"active top tab\" default=\"recommend\"}"
        ],
        "right": "Search icon"
      }
    },
    "right_sidebar": {
      "count": 6,
      "elements": [
        "Avatar with a pink plus button",
        "Heart icon with the text \"236,000\"",
        "Chat bubble icon with the text \"16,000\".",
        "A star icon with the text \"28,000\".",
        "Share arrow icon with the text \"37,000\"",
        "Rotating music record icon"
      ]
    },
    "bottom_left_overlay": {
      "username": "{argument name=\"username\" default=\"@LittleDeer'sDailyLife\"}",
      "caption": "{argument name=\"caption text\" default=\"Feeling the evening breeze and watching the sunset, this moment is so therapeutic~ 🌅\"}",
      "audio_track": "🎵 Original soundtrack from @XiaoLu's Daily Creations"
    },
    "bottom_navigation_bar": {
      "count": 5,
      "tabs": [
        "front page",
        "Friend (marked with a red '2')",
        "Rounded square center plus button",
        "Message (with red badge '5')",
        "I"
      ]
    }
  }
}

How to use

1. Copy the complete original prompt, including any parameters.
2. Replace the subject, text and composition with your own requirements.
3. Use a compatible external tool; check its current access conditions and review the result.

Before you start

• Check whether a reference image is required. A compatible model label does not mean this example was generated with that model.
• Keep names, figures and visible text accurate; results can vary between model versions.