動画ストリーミングプラットフォームのホームページ UI

サイドバー、カテゴリタグ、タイトルとメタデータ付きの動画サムネイルグリッドを備えた、動画ストリーミングサイトのホームページの詳細なモックアップを生成します。

プロンプト

{ "type": "ウェブブラウザ UI モックアップ", "platform": "YouTube", "browser_window": { "style": "macOS ライトモード", "tab": "YouTube", "url_bar": "youtube.com" }, "layout": { "header": { "components": ["ハンバーガーメニュー", "プラットフォームロゴ", "検索バー", "動画作成アイコン", "通知ベル", "ユーザープロフィールアバター"] }, "sidebar": { "position": "左側", "item_count": 11, "sections": [ { "name": "メイン", "items": ["ホーム", "Shorts", "登録チャンネル", "Originals", "YouTube Music"] }, { "name": "探索", "items": ["急上昇", "ショッピング", "音楽", "映画", "ライブ", "ゲーム"] } ] }, "main_content": { "category_tags": { "count": 10, "labels": ["すべて", "ゲーム", "音楽", "ライブ", "ポッドキャスト", "AI", "自動車", "ミックス", "ニュース", "最近アップロードされた動画"] }, "video_grid": { "card_count": 5, "cards": [ { "position": "左上", "size": "大", "thumbnail_description": "ステージ上で人型ロボットの隣に座るサム・アルトマンとグレッグ・ブロックマン、テキストオーバーレイ『OpenAI Introducing Our Humanoid Robot』、LIVE バッジ", "video_title": "Introducing Our Humanoid Robot", "channel_name": "OpenAI", "metadata": "現在 48.2 万人が視聴中" }, { "position": "右上", "size": "大", "thumbnail_description": "左側に驚いた男性の顔、右側に森の中に隠された巨大な邸宅と爆発、太字の黄色いテキストオーバーレイ『TOTAL SECRECY』", "video_title": "I Bought 100 Million Dollar Secret House!", "channel_name": "MrBeast", "metadata": "410 万回視聴、19 時間前、動画時間 20:49" }, { "position": "左下", "size": "小", "thumbnail_description": "『The Office』のシーンが映るノートパソコンを持つスティーヴ・カレル", "video_title": "Steve Carell Breaks Down His Most Iconic Characters | GQ", "channel_name": "GQ", "metadata": "98.7 万回視聴、2 日前、動画時間 17:46" }, { "position": "中央下", "size": "小", "thumbnail_description": "夕暮れの海で帆船を望遠鏡で眺める男性", "video_title": "Black Sails Is Beautiful!", "channel_name": "Savage Books", "metadata": "60.6 万回視聴、2 日前、動画時間 17:46" }, { "position": "右下", "size": "小", "thumbnail_description": "ビデオゲームの不気味なマスクを被ったキラーキャラクター、テキストオーバーレイ『DEAD OF DAYLIGHT』", "video_title": "Playing As The Seekers In Dead By Daylight", "channel_name": "Unknown", "metadata": "80.6 万回視聴、1 日前、動画時間 28:39" } ] } } } }