일본 미스터리 게임 웹사이트 목업
우아한 일본 고딕 미스터리 게임 뉴스레터 사이트를 위한 반응형 데스크톱 및 모바일 랜딩 페이지 목업을 생성합니다.
프롬프트
목표: 월식기담(月蝕綺譚)이라는 일본 미스터리/호러 게임 커뮤니티를 위한 세련된 반응형 웹사이트 목업을 제작합니다. 데스크톱 브라우저 창과 스마트폰 화면을 나란히 배치하여 보여주세요.
캔버스: 밝은 회색 배경의 16:9 프레젠테이션 이미지입니다. 왼쪽에는 전체 너비의 약 75%를 차지하는 대형 데스크톱 브라우저 목업을, 오른쪽에는 세로로 긴 스마트폰 목업을 배치하세요. 부드러운 그림자, 둥근 기기 모서리, 사실적인 UI 프레임을 사용하세요.
시각적 스타일: 우아한 일본 고딕 미스터리 미학, 오프 화이트 색상의 화지(washi-paper) 질감 배경, 짙은 네이비 블랙 패널, 얇은 회색 테두리, 차분한 붉은색 포인트, 세련된 일본어 세리프 서체, 은은한 잉크 느낌의 선, 초승달 모티프, 고문서, 오래된 지도, 어두운 숲/밤 이미지, 그리고 절제된 프리미엄 웹 디자인 간격을 활용하세요.
데스크톱 레이아웃: 어두운 상단 크롬 바와 3개의 작은 원형 창 버튼이 있는 브라우저 창입니다. 헤더 왼쪽에는 얇은 초승달 호와 붉은 인장이 포함된 사이트 타이틀 로고 「月蝕綺譚」을, 중앙에는 「お知らせ」(공지사항), 「開発記録」(개발 기록), 「ご意見箱」(의견함), 「アーカイブ」(아카이브)라고 적힌 4개의 내비게이션 링크를, 오른쪽에는 「メールで会員になる」(이메일 회원가입)이라고 적힌 짙은 네이비색 콜투액션 버튼을 배치하세요. 그 아래에는 왼쪽의 대형 어두운 이미지 영역과 오른쪽의 가입 카드로 나뉜 히어로 섹션을 만드세요. 히어로 이미지에는 빛나는 월식 초승달과 세로로 적힌 타이틀 「月蝕綺譚」, 미세한 원형 궤도 선과 작은 세로 주석이 포함된 흐린 밤하늘을 보여주세요. 그 위에 오래된 일본 문서와 5개의 작은 썸네일 카드가 포함된 반투명 아카이브 스타일 패널을 겹치고, 히어로 이미지 하단에는 밤의 오래된 건물, 설계도 같은 방 도면, 어두운 상징적 디테일, 손으로 쓴 문서, 지도와 화면이 있는 책상 등 정확히 5개의 가로 썸네일 이미지를 포함하세요.
가입 카드: 데스크톱 히어로 섹션 오른쪽에 가장자리가 파인 크림색 티켓 모양 카드를 만드세요. 얇은 테두리, 작은 붉은색 라벨 「入会札」(입회찰), 헤드라인 「メールで会員になる」(이메일 회원가입), 봉투 아이콘, 짧은 설명 문구, 「メールアドレスを入力」(이메일 주소를 입력하세요)라는 플레이스홀더가 있는 이메일 입력 필드, 오른쪽 화살표가 있는 「登録する」(등록하기) 붉은색 버튼을 배치하세요. 그 아래에 작은 개인정보 처리방침 스타일의 텍스트를 추가하세요.
데스크톱 하단 콘텐츠: 히어로 섹션 아래 왼쪽에는 수직 빨간색 선과 物語の続きを、いちばん近くで。(이야기의 다음을, 가장 가까운 곳에서.)라는 헤드라인, 그리고 작은 회색 본문 텍스트를 배치하세요. 오른쪽에는 3개의 기사 카드를 가로로 배치하세요. 카드 1 타이틀 섹션은 「月蝕綺譚 最新便」(월식기담 최신 소식)으로 달 이미지와 붉은색 NEW 태그, 헤드라인 「大型アップデート『〇〇』を公開しました」(대형 업데이트 '〇〇'를 공개했습니다), 날짜 2024.05.20을 포함합니다. 카드 2 타이틀 섹션은 「開発記録」(개발 기록)으로 노트북과 펜 이미지, 헤드라인 「開発記録 #12：環境演出の調整について」(개발 기록 #12: 환경 연출 조정에 관하여), 날짜 2024.05.18을 포함합니다. 카드 3 타이틀 섹션은 「ご意見箱」(의견함)으로 어두운 우편함 이미지, 헤드라인 「ご意見・ご感想をお聞かせください」(의견 및 감상을 들려주세요), 날짜 2024.05.16을 포함합니다. 각 카드 헤더에는 작은 오른쪽 화살표와 회색 티저 문구가 있습니다.
푸터: 데스크톱 너비에 걸친 짙은 네이비색 푸터에 「お知らせ」, 「開発記録」, 「ご意見箱」, 「アーカイブ」, 「利用規約」(이용약관), 「プライバシーポリシー」(개인정보 처리방침) 등 정확히 6개의 링크를 배치하세요. 오른쪽 근처에 초승달 아이콘과 「© 2024 月蝕綺譚」이라는 저작권 문구를 추가하세요.
모바일 레이아웃: 동일한 사이트의 스마트폰 미리보기를 보여주세요. 상단 상태 표시줄은 9:41로 표시되며, 그 뒤에 「月蝕綺譚」 로고와 햄버거 메뉴 아이콘이 있는 간결한 헤더가 옵니다. 모바일 페이지는 수직으로 쌓입니다: 타이틀이 있는 히어로 달 이미지, 가로로 나열된 5개의 작은 썸네일, 「物語の続きを、いちばん近くで。」라는 소개 헤드라인, 동일한 티켓 스타일의 이메일 가입 카드, 그리고 달 이미지와 NEW 태그가 포함된 첫 번째 뉴스 카드 「月蝕綺譚 最新便」 순입니다. 모든 요소가 데스크톱 레이아웃의 모바일 반응형 버전처럼 느껴지도록 하세요.
제약 사항: 지정된 곳에만 일본어를 사용하고, 타이포그래피를 선명하고 읽기 쉽게 유지하며, 설명된 섹션 외의 추가 섹션은 피하세요. 데스크톱 내비게이션 링크 4개, 히어로 썸네일 5개, 데스크톱 기사 카드 3개, 푸터 링크 6개, 모바일 햄버거 메뉴 1개라는 정확한 개수를 유지하세요.
이 프롬프트 사용법
- 1
위의 전체 프롬프트를 복사하세요.
- 2
GPT Image 2을 지원하는 플랫폼(예: YouMind)을 열고 프롬프트를 붙여넣으세요.
- 3
원하는 아이디어에 맞게 주제, 스타일, 세부 정보를 바꾼 뒤 생성하세요.
이것은 YouMind 프롬프트 라이브러리의 무료 AI 프롬프트입니다. 복사하고 변형해 쓸 수 있는 수천 개의 이미지 프롬프트가 더 있습니다.
더 많은 이미지 프롬프트 보기
더 많은 프롬프트 기능
AI 라이브러리
AI 프롬프트 검색
AI가 수만 개의 프롬프트를 검색해줍니다. 모델·기간·키워드로 필터링하고 노출, 북마크, 리포스트 등 인기 지표로 정렬할 수 있어요.
비전 도구
이미지를 프롬프트로
어떤 사진이든 상세한 AI 이미지 프롬프트로 변환하세요. 무료 Image to Prompt 변환기가 구도, 스타일, 조명을 분석해 몇 초 만에 같은 느낌을 재현할 수 있습니다.
크리에이터를 위해, 영원히 무료.
YouMind는 전 세계 크리에이터가 신뢰하는 AI 창작 파트너입니다. 이곳의 모든 프롬프트는 더 빠르고 더 나은 창작을 돕기 위해 엄선되었습니다.