비디오 스트리밍 플랫폼 홈페이지 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": "무대 위에서 휴머노이드 로봇 옆에 앉아 있는 Sam Altman과 Greg Brockman, 'OpenAI Introducing Our Humanoid Robot' 텍스트 오버레이, LIVE 배지", "video_title": "휴머노이드 로봇 소개", "channel_name": "OpenAI", "metadata": "현재 48.2만 명 시청 중" }, { "position": "오른쪽 상단", "size": "대형", "thumbnail_description": "왼쪽에는 놀란 남자의 얼굴, 오른쪽에는 숲속에 숨겨진 거대한 저택과 폭발 장면, 굵은 노란색 텍스트 오버레이 '완벽한 비밀'", "video_title": "1억 달러짜리 비밀 저택을 샀습니다!", "channel_name": "MrBeast", "metadata": "조회수 410만 회, 19시간 전, 재생 시간 20:49" }, { "position": "왼쪽 하단", "size": "소형", "thumbnail_description": "The Office의 한 장면이 나오는 노트북을 들고 있는 Steve Carell", "video_title": "Steve Carell이 직접 밝히는 그의 가장 상징적인 캐릭터들 | GQ", "channel_name": "GQ", "metadata": "조회수 98.7만 회, 2일 전, 재생 시간 17:46" }, { "position": "중앙 하단", "size": "소형", "thumbnail_description": "노을 지는 바다 위 범선을 망원경으로 바라보는 남자", "video_title": "Black Sails는 아름답다!", "channel_name": "Savage Books", "metadata": "조회수 60.6만 회, 2일 전, 재생 시간 17:46" }, { "position": "오른쪽 하단", "size": "소형", "thumbnail_description": "'DEAD OF DAYLIGHT' 텍스트 오버레이가 있는 비디오 게임 속 소름 끼치는 가면 쓴 살인마 캐릭터", "video_title": "Dead By Daylight에서 The Seekers로 플레이하기", "channel_name": "Unknown", "metadata": "조회수 80.6만 회, 1일 전, 재생 시간 28:39" } ] } } } }