Social Media App Interface Mockup

Original document

GPT Image 2 · en

{
  "type": "Screenshot of social media video application interface",
  "main_visual": {
    "subject": "A young Asian woman, with long black hair flowing in the wind, wearing a white top, turns to look at the camera.",
    "setting": "{argument name=\"background location\" default=\"Sunset at the Canton Tower on the riverbank\"}",
    "lighting": "Golden hour, the warm glow of the setting sun"
  },
  "ui_layout": {
    "top_status_bar": {
      "elements": 4,
      "labels": [
        "9:41",
        "Signal",
        "Wi-Fi",
        "100% battery"
      ]
    },
    "top_navigation": {
      "elements": 6,
      "labels": [
        "Menu icon",
        "experience",
        "Group buying",
        "focus on",
        "{argument name=\"active tab\" default=\"recommend\"}",
        "Search icon"
      ]
    },
    "right_interaction_bar": {
      "elements": 6,
      "labels": [
        "Avatar with a red plus sign",
        "bring{argument name=\"like count\" default=\"236,000\"} Like icon",
        "With 16,000 comment icons",
        "With 28,000 favorites icons",
        "With 37,000 share icons",
        "Rotating music record"
      ]
    },
    "bottom_left_text": {
      "elements": 3,
      "labels": [
        "{argument name=\"username\" default=\"@LittleDeer'sDailyLife\"}",
        "{argument name=\"caption\" default=\"Feeling the evening breeze and watching the sunset, this moment is so therapeutic~ 🌅\"}",
        "Original soundtrack with musical notation icons @Xiaolu's daily creative soundtrack"
      ]
    },
    "bottom_navigation": {
      "elements": 5,
      "labels": [
        "front page",
        "Friend (marked with a red badge #2)",
        "Square 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.