YouTube Dark Mode Desktop UI Mockup
A detailed UI mockup of a video streaming homepage in dark mode on a desktop OS, useful for web design references and layout generation.
프롬프트
{
"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": "조회수 16.4만회 • 1일 전", "thumbnail": "CPU/GPU 칩" },
{ "title": "Survive 100 Days In Circle, Win $500,000", "channel": "MrBeast", "stats": "조회수 4,000만회 • 5일 전", "thumbnail": "파란색 트레이닝복을 입은 군중 속의 MrBeast" },
{ "title": "What If We Nuke an Asteroid?", "channel": "Kurzgesagt - In a Nutshell", "stats": "조회수 420만회 • 6시간 전", "thumbnail": "우주에서 소행성에 충돌하는 미사일" },
{ "title": "How Dubai Became a $10 Billion City", "channel": "ColdFusion", "stats": "조회수 160만회 • 2주 전", "thumbnail": "남성과 두바이 스카이라인" },
{ "title": "The Beautiful Math of Euler's Identity", "channel": "3Blue1Brown", "stats": "조회수 280만회 • 3개월 전", "thumbnail": "수학 방정식과 나선형 그래프" },
{ "title": "The World in 2040 - Population, Climate & More", "channel": "Veritasium", "stats": "조회수 770만회 • 2주 전", "thumbnail": "울창한 숲의 항공 뷰" },
{ "title": "I've Been Using Linux For 12 Years, This Is What Finally...", "channel": "DistroTube", "stats": "조회수 16만회 • 3일 전", "thumbnail": "Linux 로고가 있는 노트북과 스마트폰" },
{ "title": "Black Holes Explained - From Birth to Death", "channel": "Khan Academy", "stats": "조회수 390만회 • 3개월 전", "thumbnail": "빛나는 블랙홀 강착 원반" },
{ "title": "The Problem With Diet Advice", "channel": "Andrew Huberman", "stats": "조회수 440만회 • 6일 전", "thumbnail": "안경을 쓰고 말하는 남성" },
{ "title": "How to Learn Anything (Evidence-Based)", "channel": "Ali Abdaal", "stats": "조회수 270만회 • 3개월 전", "thumbnail": "책을 읽는 남성의 벡터 일러스트" },
{ "title": "The Last of Us Part 2 is a Masterpiece", "channel": "Naughty Dog", "stats": "조회수 230만회 • 3년 전", "thumbnail": "The Last of Us의 엘리" },
{ "title": "lofi hip hop radio - beats to relax/study to", "channel": "Lofi Girl", "stats": "실시간", "thumbnail": "책상에서 공부하는 Lofi Girl" }
]
}
},
"taskbar": {
"os": "Windows",
"icons": ["시작", "검색", "작업 보기", "파일 탐색기", "Edge", "Spotify"],
"system_tray": "2024년 4월 3일 08:34"
}
}
기계 번역 — 실제 결과물을 만든 것은 원문 프롬프트입니다.
원문 프롬프트
{
"type": "desktop web browser UI screenshot",
"environment": "{argument name=\"os environment\" default=\"Windows 11 desktop\"}",
"theme": "{argument name=\"ui theme\" default=\"dark mode\"}",
"browser_window": {
"tabs": ["YouTube", "New Tab"],
"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": "Search",
"icons": ["mic", "create", "notifications", "profile"]
},
"filter_bar": {
"active_filter": "{argument name=\"active filter\" default=\"All\"}",
"count": 11,
"labels": ["All", "Gaming", "Music", "Live", "Podcasts", "Mixes", "Science", "Lo-fi", "Thrillers", "Recently uploaded", "Watched"]
},
"sidebar": {
"sections": [
{ "title": "Main", "count": 3, "labels": ["Home", "Shorts", "Subscriptions"] },
{ "title": "You", "count": 6, "labels": ["Your channel", "History", "Playlists", "Your videos", "Watch later", "Liked videos"] },
{ "title": "Subscriptions", "count": 8, "labels": ["Linus Tech Tips", "MrBeast", "Kurzgesagt - In a Nutshell", "ColdFusion", "3Blue1Brown", "Khan Academy", "Veritasium", "Show more"] },
{ "title": "Explore", "count": 7, "labels": ["Trending", "Music", "Films", "Live", "Gaming", "News", "Sport"] },
{ "title": "More from YouTube", "count": 3, "labels": ["YouTube Premium", "YouTube Music", "YouTube Kids"] }
]
},
"main_content": {
"layout": "3 columns by 4 rows grid",
"count": 12,
"video_cards": [
{ "title": "Why Build Your Own GPU is Almost Impossible", "channel": "Linus Tech Tips", "stats": "164K views • 1 day ago", "thumbnail": "CPU/GPU chip" },
{ "title": "Survive 100 Days In Circle, Win $500,000", "channel": "MrBeast", "stats": "40M views • 5 days ago", "thumbnail": "MrBeast with crowd in blue tracksuits" },
{ "title": "What If We Nuke an Asteroid?", "channel": "Kurzgesagt - In a Nutshell", "stats": "4.2M views • 6 hours ago", "thumbnail": "Missile hitting asteroid in space" },
{ "title": "How Dubai Became a $10 Billion City", "channel": "ColdFusion", "stats": "1.6M views • 2 weeks ago", "thumbnail": "Man and Dubai skyline" },
{ "title": "The Beautiful Math of Euler's Identity", "channel": "3Blue1Brown", "stats": "2.8M views • 3 months ago", "thumbnail": "Math equation and spiral graph" },
{ "title": "The World in 2040 - Population, Climate & More", "channel": "Veritasium", "stats": "7.7M views • 2 weeks ago", "thumbnail": "Lush green forest aerial view" },
{ "title": "I've Been Using Linux For 12 Years, This Is What Finally...", "channel": "DistroTube", "stats": "160K views • 3 days ago", "thumbnail": "Laptop and smartphone with Linux logo" },
{ "title": "Black Holes Explained - From Birth to Death", "channel": "Khan Academy", "stats": "3.9M views • 3 months ago", "thumbnail": "Glowing black hole accretion disk" },
{ "title": "The Problem With Diet Advice", "channel": "Andrew Huberman", "stats": "4.4M views • 6 days ago", "thumbnail": "Man with glasses speaking" },
{ "title": "How to Learn Anything (Evidence-Based)", "channel": "Ali Abdaal", "stats": "2.7M views • 3 months ago", "thumbnail": "Vector illustration of man reading a book" },
{ "title": "The Last of Us Part 2 is a Masterpiece", "channel": "Naughty Dog", "stats": "2.3M views • 3 years ago", "thumbnail": "Ellie from The Last of Us" },
{ "title": "lofi hip hop radio - beats to relax/study to", "channel": "Lofi Girl", "stats": "LIVE", "thumbnail": "Lofi girl studying at desk" }
]
}
},
"taskbar": {
"os": "Windows",
"icons": ["Start", "Search", "Task View", "File Explorer", "Edge", "Spotify"],
"system_tray": "08:34 03/04/2024"
}
}