Tạo bản thiết kế chi tiết cho trang chủ của một trang web phát video trực tuyến, bao gồm thanh bên, các thẻ danh mục và lưới các hình thu nhỏ (thumbnail) của video kèm tiêu đề và siêu dữ liệu.
{
"type": "bản thiết kế giao diện trình duyệt web",
"platform": "YouTube",
"browser_window": {
"style": "chế độ sáng macOS",
"tab": "YouTube",
"url_bar": "youtube.com"
},
"layout": {
"header": {
"components": ["menu hamburger", "logo nền tảng", "thanh tìm kiếm", "biểu tượng tạo video", "chuông thông báo", "ảnh đại diện người dùng"]
},
"sidebar": {
"position": "trái",
"item_count": 11,
"sections": [
{
"name": "Chính",
"items": ["Trang chủ", "Shorts", "Kênh đăng ký", "Originals", "YouTube Music"]
},
{
"name": "Khám phá",
"items": ["Thịnh hành", "Mua sắm", "Âm nhạc", "Phim ảnh", "Trực tiếp", "Trò chơi"]
}
]
},
"main_content": {
"category_tags": {
"count": 10,
"labels": ["Tất cả", "Trò chơi", "Âm nhạc", "Trực tiếp", "Podcast", "AI", "Ô tô", "Bản phối", "Tin tức", "Video mới tải lên"]
},
"video_grid": {
"card_count": 5,
"cards": [
{
"position": "trên cùng bên trái",
"size": "lớn",
"thumbnail_description": "Sam Altman và Greg Brockman ngồi trên sân khấu cạnh một robot hình người đang đứng, văn bản phủ 'OpenAI Introducing Our Humanoid Robot', huy hiệu TRỰC TIẾP",
"video_title": "Introducing Our Humanoid Robot",
"channel_name": "OpenAI",
"metadata": "482 N người đang xem"
},
{
"position": "trên cùng bên phải",
"size": "lớn",
"thumbnail_description": "gương mặt ngạc nhiên của một người đàn ông ở bên trái, một biệt thự lớn ẩn trong rừng với một vụ nổ ở bên phải, văn bản vàng đậm phủ lên 'TOTAL SECRECY'",
"video_title": "I Bought 100 Million Dollar Secret House!",
"channel_name": "MrBeast",
"metadata": "4,1 Tr lượt xem, 19 giờ trước, thời lượng 20:49"
},
{
"position": "dưới cùng bên trái",
"size": "nhỏ",
"thumbnail_description": "Steve Carell cầm một chiếc máy tính xách tay hiển thị một cảnh trong phim The Office",
"video_title": "Steve Carell phân tích các nhân vật mang tính biểu tượng nhất của mình | GQ",
"channel_name": "GQ",
"metadata": "987 N lượt xem, 2 ngày trước, thời lượng 17:46"
},
{
"position": "dưới cùng ở giữa",
"size": "nhỏ",
"thumbnail_description": "người đàn ông nhìn qua ống nhòm vào một con tàu buồm trên đại dương lúc hoàng hôn",
"video_title": "Black Sails thật tuyệt đẹp!",
"channel_name": "Savage Books",
"metadata": "606 N lượt xem, 2 ngày trước, thời lượng 17:46"
},
{
"position": "dưới cùng bên phải",
"size": "nhỏ",
"thumbnail_description": "nhân vật sát thủ đeo mặt nạ đáng sợ từ một trò chơi điện tử với văn bản phủ 'DEAD OF DAYLIGHT'",
"video_title": "Chơi vai The Seekers trong Dead By Daylight",
"channel_name": "Unknown",
"metadata": "806 N lượt xem, 1 ngày trước, thời lượng 28:39"
}
]
}
}
}
}
