YouTube Dark Mode Desktop UI Mockup

{
  "type": "ภาพหน้าจอ UI เว็บเบราว์เซอร์บนเดสก์ท็อป",
  "environment": "{argument name=\"os environment\" default=\"Windows 11 เดสก์ท็อป\"}",
  "theme": "{argument name=\"ui theme\" default=\"โหมดมืด\"}",
  "browser_window": {
    "tabs": ["YouTube", "แท็บใหม่"],
    "url_bar": "youtube.com",
    "profile_icon": "{argument name=\"profile initial\" default=\"M\"}"
  },
  "app_interface": {
    "header": {
      "logo": "{argument name=\"website name\" default=\"YouTube\"} GB",
      "search_bar": "ค้นหา",
      "icons": ["ไมโครโฟน", "สร้าง", "การแจ้งเตือน", "โปรไฟล์"]
    },
    "filter_bar": {
      "active_filter": "{argument name=\"active filter\" default=\"ทั้งหมด\"}",
      "count": 11,
      "labels": ["ทั้งหมด", "เกม", "เพลง", "สด", "พอดแคสต์", "มิกซ์", "วิทยาศาสตร์", "Lo-fi", "ระทึกขวัญ", "อัปโหลดล่าสุด", "ที่ดูแล้ว"]
    },
    "sidebar": {
      "sections": [
        { "title": "หลัก", "count": 3, "labels": ["หน้าแรก", "Shorts", "การติดตาม"] },
        { "title": "คุณ", "count": 6, "labels": ["ช่องของคุณ", "ประวัติการเข้าชม", "เพลย์ลิสต์", "วิดีโอของคุณ", "ดูภายหลัง", "วิดีโอที่ชอบ"] },
        { "title": "การติดตาม", "count": 8, "labels": ["Linus Tech Tips", "MrBeast", "Kurzgesagt - In a Nutshell", "ColdFusion", "3Blue1Brown", "Khan Academy", "Veritasium", "แสดงเพิ่มเติม"] },
        { "title": "สำรวจ", "count": 7, "labels": ["มาแรง", "เพลง", "ภาพยนตร์", "สด", "เกม", "ข่าวสาร", "กีฬา"] },
        { "title": "เพิ่มเติมจาก YouTube", "count": 3, "labels": ["YouTube Premium", "YouTube Music", "YouTube Kids"] }
      ]
    },
    "main_content": {
      "layout": "ตาราง 3 คอลัมน์ 4 แถว",
      "count": 12,
      "video_cards": [
        { "title": "Why Build Your Own GPU is Almost Impossible", "channel": "Linus Tech Tips", "stats": "1.6 แสน ครั้ง • 1 วันที่แล้ว", "thumbnail": "ชิป CPU/GPU" },
        { "title": "Survive 100 Days In Circle, Win $500,000", "channel": "MrBeast", "stats": "40 ล้าน ครั้ง • 5 วันที่แล้ว", "thumbnail": "MrBeast กับฝูงชนในชุดวอร์มสีน้ำเงิน" },
        { "title": "What If We Nuke an Asteroid?", "channel": "Kurzgesagt - In a Nutshell", "stats": "4.2 ล้าน ครั้ง • 6 ชั่วโมงที่แล้ว", "thumbnail": "ขีปนาวุธพุ่งชนดาวเคราะห์น้อยในอวกาศ" },
        { "title": "How Dubai Became a $10 Billion City", "channel": "ColdFusion", "stats": "1.6 ล้าน ครั้ง • 2 สัปดาห์ที่แล้ว", "thumbnail": "ชายคนหนึ่งกับเส้นขอบฟ้าของดูไบ" },
        { "title": "The Beautiful Math of Euler's Identity", "channel": "3Blue1Brown", "stats": "2.8 ล้าน ครั้ง • 3 เดือนที่แล้ว", "thumbnail": "สมการคณิตศาสตร์และกราฟก้นหอย" },
        { "title": "The World in 2040 - Population, Climate & More", "channel": "Veritasium", "stats": "7.7 ล้าน ครั้ง • 2 สัปดาห์ที่แล้ว", "thumbnail": "มุมมองทางอากาศของป่าเขียวขจี" },
        { "title": "I've Been Using Linux For 12 Years, This Is What Finally...", "channel": "DistroTube", "stats": "1.6 แสน ครั้ง • 3 วันที่แล้ว", "thumbnail": "แล็ปท็อปและสมาร์ทโฟนที่มีโลโก้ Linux" },
        { "title": "Black Holes Explained - From Birth to Death", "channel": "Khan Academy", "stats": "3.9 ล้าน ครั้ง • 3 เดือนที่แล้ว", "thumbnail": "จานพอกพูนมวลของหลุมดำที่ส่องสว่าง" },
        { "title": "The Problem With Diet Advice", "channel": "Andrew Huberman", "stats": "4.4 ล้าน ครั้ง • 6 วันที่แล้ว", "thumbnail": "ชายสวมแว่นตากำลังพูด" },
        { "title": "How to Learn Anything (Evidence-Based)", "channel": "Ali Abdaal", "stats": "2.7 ล้าน ครั้ง • 3 เดือนที่แล้ว", "thumbnail": "ภาพเวกเตอร์ของผู้ชายกำลังอ่านหนังสือ" },
        { "title": "The Last of Us Part 2 is a Masterpiece", "channel": "Naughty Dog", "stats": "2.3 ล้าน ครั้ง • 3 ปีที่แล้ว", "thumbnail": "Ellie จาก The Last of Us" },
        { "title": "lofi hip hop radio - beats to relax/study to", "channel": "Lofi Girl", "stats": "กำลังถ่ายทอดสด", "thumbnail": "เด็กหญิง Lofi กำลังเรียนที่โต๊ะ" }
      ]
    }
  },
  "taskbar": {
    "os": "Windows",
    "icons": ["Start", "ค้นหา", "Task View", "File Explorer", "Edge", "Spotify"],
    "system_tray": "08:34 03/04/2024"
  }
}