Dark AI Viewer with Course Website Preview

This generates a realistic dark-theme AI image viewer screenshot featuring a premium Japanese online-course landing page concept, useful for product mockups, social posts, and design workflow presentations.

생성된 웹사이트 디자인 미리보기를 보여주는 AI 이미지 뷰어 인터페이스의 다크 모드 데스크톱 스크린샷입니다. 전체 캔버스는 차콜 그레이 색상이며 미니멀하고 현대적인 앱 UI를 갖추고 있습니다. 왼쪽 상단에는 작은 흰색 산세리프 텍스트와 미세한 꺾쇠 기호로 “Thought for 2m 6s”라는 제목을 배치하세요. 중앙 왼쪽에는 일본어 온라인 강의를 위한 고급스러운 블랙 톤의 에디토리얼 웹 랜딩 페이지가 담긴 둥근 모서리 사각형의 큰 미리보기 이미지를 보여주세요. 해당 미리보기 내부의 웹사이트 히어로 영역은 검은색 배경에 우아한 세리프 및 산세리프 타이포그래피가 적용되어 있으며, 작은 영어 제목 “ONLINE COURSES” 아래에 “디자인과 커리어를 다음 단계로”라는 큰 일본어 헤드라인이 있습니다. 그 아래에는 더 작은 일본어 소제목이 있습니다. 웹사이트의 메인 콘텐츠 영역에는 3열 2행 그리드로 정렬된 6개의 강의 카드가 포함되어 있습니다. 각 카드는 어둡고 영화적이며 프리미엄한 느낌을 주며, 분위기 있는 사진, 카테고리 라벨, 일본어 제목, 짧은 설명, 작은 원형 강사 프로필 사진, 그리고 “詳しく見る →” 스타일의 링크가 포함되어 있습니다. 1번 카드는 UI 디자인 이미지와 “本質的なUIデザインの思考とプロセス”라는 큰 제목을 보여줍니다. 2번 카드는 Figma 관련 화면 이미지와 “Figmaマスター講座 実践編”이라는 제목을 보여줍니다. 3번 카드는 종이 위의 필기 도구 이미지와 “伝わる構造をつくる 情報設計の技術”이라는 제목을 보여줍니다. 4번 카드는 STUDIO 테마의 비주얼과 “STUDIOでつくる ノーコードWebデザイン”이라는 제목을 보여줍니다. 5번 카드는 브랜딩 또는 책과 같은 오브제 이미지와 “ブランドの価値をつくる 設計と表現”이라는 제목을 보여줍니다. 6번 카드는 포트폴리오 책자 이미지와 “魅せ方で差がつく ポートフォリオ講座”라는 제목을 보여줍니다. 미세한 골드 그레이 하이라이트, 얇은 테두리, 부드러운 반사 효과를 추가하여 세련된 고급 일본 디자인 미학을 구현하세요. 미리보기 이미지 내부 왼쪽 하단에는 흰색 일본어 라벨 “編集”을 포함하세요. 미리보기 이미지 내부 오른쪽 하단에는 작은 흰색 공유/내보내기 아이콘을 추가하세요. 앱 인터페이스의 맨 오른쪽에는 대체 생성 이미지를 나타내는 4개의 둥근 사각형 썸네일을 수직으로 쌓아 배치하세요. 상단 3개의 썸네일은 밝은 테마의 페이지 디자인이며, 4번째 썸네일은 다크 강의 그리드 디자인과 일치합니다. 4번째 썸네일은 빛나는 파란색 선택 테두리로 강조하세요. 전체 스크린샷의 왼쪽 하단에는 복사 아이콘과 가로 점 3개 메뉴 아이콘 등 2개의 작은 흰색 인터페이스 아이콘을 추가하세요. 전체적인 구성은 깔끔한 UI 간격, 미세한 그림자, 정확한 화면 캡처의 사실감을 갖춘 창의적인 AI 도구의 실제 제품 스크린샷처럼 느껴져야 합니다.

기계 번역 — 실제 결과물을 만든 것은 원문 프롬프트입니다.

✨ 생성 저장 프롬프트 복사 공유 원본 게시물 Hitboard에서 열기