Bản mẫu UI máy tính cho nền tảng xem video

{
  "type": "web browser UI mockup",
  "platform": "[YouTube]",
  "browser_window": {
    "style": "macOS light mode",
    "tab": "YouTube",
    "url_bar": "youtube.com"
  },
  "layout": {
    "header": {
      "components": [
        "hamburger menu",
        "platform logo",
        "search bar",
        "create video icon",
        "notifications bell",
        "user profile avatar"
      ]
    },
    "sidebar": {
      "position": "left",
      "item_count": 11,
      "sections": [
        {
          "name": "Main",
          "items": [
            "Home",
            "Shorts",
            "Subscriptions",
            "Originals",
            "YouTube Music"
          ]
        },
        {
          "name": "Explore",
          "items": [
            "Trending",
            "Shopping",
            "Music",
            "Movies",
            "Live",
            "Gaming"
          ]
        }
      ]
    },
    "main_content": {
      "category_tags": {
        "count": 10,
        "labels": [
          "All",
          "Gaming",
          "Music",
          "Live",
          "Podcasts",
          "AI",
          "Cars",
          "Mixes",
          "News",
          "Recently uploaded"
        ]
      },
      "video_grid": {
        "card_count": 5,
        "cards": [
          {
            "position": "top left",
            "size": "large",
            "thumbnail_description": "Sam Altman and Greg Brockman sitting on a stage next to a standing humanoid robot, text overlay 'OpenAI Introducing Our Humanoid Robot', LIVE badge",
            "video_title": "[Introducing Our Humanoid Robot]",
            "channel_name": "[OpenAI]",
            "metadata": "482K watching now"
          },
          {
            "position": "top right",
            "size": "large",
            "thumbnail_description": "surprised man's face on the left, a large mansion hidden in a forest with an explosion on the right, bold yellow text overlay '[TOTAL SECRECY]'",
            "video_title": "[I Bought 100 Million Dollar Secret House!]",
            "channel_name": "MrBeast",
            "metadata": "4.1M views, 19 hours ago, 20:49 duration"
          },
          {
            "position": "bottom left",
            "size": "small",
            "thumbnail_description": "Steve Carell holding a laptop showing a scene from The Office",
            "video_title": "Steve Carell Breaks Down His Most Iconic Characters | GQ",
            "channel_name": "GQ",
            "metadata": "987K views, 2 days ago, 17:46 duration"
          },
          {
            "position": "bottom middle",
            "size": "small",
            "thumbnail_description": "man looking through a spyglass at a sailing ship on the ocean at sunset",
            "video_title": "Black Sails Is Beautiful!",
            "channel_name": "Savage Books",
            "metadata": "606K views, 2 days ago, 17:46 duration"
          },
          {
            "position": "bottom right",
            "size": "small",
            "thumbnail_description": "creepy masked killer character from a video game with text overlay 'DEAD OF DAYLIGHT'",
            "video_title": "Playing As The Seekers In Dead By Daylight",
            "channel_name": "Unknown",
            "metadata": "806K views, 1 day ago, 28:39 duration"
          }
        ]
      }
    }
  }
}