Dark Japanese Recipe App UI

Generates a dark-mode Japanese cooking assistant screen with recipe cards and realistic food photography for app mockup use.

목표: 냉장고 속 재료를 활용해 일본어로 레시피를 제안하는 사실적인 다크 모드 모바일 요리 AI 어시스턴트 인터페이스를 생성합니다.

캔버스: 세로형 스마트폰 스크린샷, 약 4:5 비율, 검은색 외부 배경에 중앙 정렬된 앱 피드 컬럼. 둥근 모서리, 부드러운 그림자, 프리미엄 푸드 앱 미학을 사용하세요.

레이아웃: 상단에는 일본어 어시스턴트 텍스트가 담긴 둥근 다크 차콜 색상의 말풍선을 배치합니다. 그 아래에는 세로로 스크롤 가능한 레시피 카드 목록을 보여줍니다. 총 2개의 레시피 카드가 보이도록 하되, 첫 번째 카드는 완전히 보이고 두 번째 카드는 하단에 일부만 보이게 합니다.

텍스트 내용: 상단 말풍선에는 「冷蔵庫の食材を活かし、フライパン一つで完結する健康的な10種のレシピをご提案します。味付けや調理法が重ならないよう、バリエーション豊かに構成しました。」라고 적습니다. 첫 번째 레시피 카드의 제목은 「鳥手羽元のエキゾチック酢煮込み」입니다. 설명에는 「かんたん酢とニンニクを効かせた、中東風の爽やかでコクのある煮込みです。手羽元が柔らかく仕上がります。」라고 적습니다. 링크 텍스트는 「レシピを見る」로 합니다.

카드 세부 정보: 레시피 카드 1은 상단에 큰 음식 사진이 있고 그 아래에 어두운 정보 패널이 있습니다. 사진에는 {argument name="main dish" default="braised chicken drumettes with sliced onions in a light brown sauce"}가 얕은 베이지색 도자기 그릇에 담겨 따뜻한 나무 테이블 위에 놓여 있는 모습을 담습니다. 약간 위에서 내려다보는 각도로 촬영하며 자연스러운 레스토랑 조명을 사용합니다. 닭고기 위에 후추 가루, 윤기 나는 소스, 부드러운 심도 효과를 추가하세요. 이미지 영역 오른쪽 상단 모서리에 흰색 하트 테두리 모양의 즐겨찾기 버튼을 정확히 1개 배치합니다. 아래 정보 패널은 매우 어두운 갈색-검은색이며, 제목은 굵은 흰색, 설명은 차분한 회색, 레시피 링크는 연한 분홍색으로 표시합니다.

두 번째 카드: 첫 번째 카드 아래에 두 번째 레시피 카드의 상단 부분만 보이게 하며, 세로 간격을 둡니다. 나무 테이블 위에 크림색의 연한 노란색 국수나 수프가 담긴 그릇의 큰 사진을 자른 형태로 포함하고, 오른쪽 상단 모서리에 흰색 하트 테두리 모양의 즐겨찾기 버튼을 정확히 1개 배치합니다. 잘린 부분에 제목은 표시하지 마세요.

시각적 스타일: 현대적인 일본 레시피 앱 UI, 다크 테마, 18~22 px의 둥근 카드, 미세한 테두리, 부드러운 그림자, 고해상도 음식 사진, 깔끔한 산세리프 타이포그래피. 따뜻한 갈색, 베이지색 도자기, 다크 차콜 패널, 차분한 분홍색 강조 텍스트를 사용하세요.

제약 사항: 상단 말풍선 1개, 보이는 레시피 카드 2개, 하트 즐겨찾기 버튼 총 2개를 정확히 포함하세요. 인터페이스는 사실적이고 깔끔하게 유지하며, 추가 아이콘, 내비게이션 바, 워터마크 또는 영어 UI 텍스트는 포함하지 마세요.

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

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