Short-Video App UI Mockup

{
  "type": "Mobile short video app interface prototype",
  "background_image": "{argument name=\"landscape subject\" default=\"The majestic snow-capped peaks are bathed in the golden sunlight of the day, while at their foot lie lush valleys and winding rivers.\"}",
  "layout": {
    "top_status_bar": {
      "time": "9:41",
      "icons": [
        "Cellular signal",
        "Wi-Fi",
        "Battery"
      ]
    },
    "top_navigation": {
      "left_icon": "Hamburger menu",
      "right_icon": "Search Magnifier",
      "center_labels": [
        "experience",
        "Same city",
        "focus on",
        "Mall",
        "{argument name=\"active tab\" default=\"recommend\"}"
      ]
    },
    "right_interaction_bar": {
      "count": 6,
      "items": [
        {
          "icon": "Avatar with a red plus sign"
        },
        {
          "icon": "Heart-shaped",
          "label": "{argument name=\"like count\" default=\"3.608 million\"}"
        },
        {
          "icon": "speech bubbles",
          "label": "166,000"
        },
        {
          "icon": "Star",
          "label": "380,000"
        },
        {
          "icon": "Share Arrow",
          "label": "1.645 million"
        },
        {
          "icon": "Rotating music record"
        }
      ]
    },
    "bottom_left_info": {
      "username": "{argument name=\"username\" default=\"@Photographer-Qingfeng\"}",
      "caption": "{argument name=\"video caption\" default=\"Western Sichuan is truly a fairyland; you absolutely must visit Western Sichuan with your loved one! #WesternSichuan #Travel #SnowMountains #... (Expand)\"}",
      "music_ticker": "Go to the soda bar and listen to > Wind and Sun (DJ Version) - Zhang"
    },
    "bottom_navigation": {
      "count": 5,
      "items": [
        {
          "label": "front page"
        },
        {
          "label": "friend",
          "badge": "24"
        },
        {
          "icon": "Square plus button"
        },
        {
          "label": "information",
          "badge": "4"
        },
        {
          "label": "I"
        }
      ],
      "home_indicator": "bottom horizontal line"
    }
  }
}