Lumen iOS Wellness App Mockup

Generates a serene Japanese iOS-style mood tracking app interface with glassmorphism, floating cards, and soft luminous background effects.

목표: {argument name="app name" default="Lumen"}을 위한 세련된 iOS 스타일의 웰니스 앱 목업을 제작합니다. 라이트 테마의 기분 및 호흡 추적 앱으로, Apple 특유의 부드러운 글래스모피즘과 일본어 UI 텍스트를 사용합니다.

캔버스: 세로형 모바일 스크린샷, 9:16 화면 비율, 약 563 × 1008 px. 공기처럼 가벼운 크림 화이트 배경을 사용하고, 하단과 가장자리에는 옅은 수채화 풍경, 은은한 산, 갈대, 그리고 중앙을 수직으로 가로지르는 빛의 궤적을 배치합니다. 빛의 궤적은 상단 근처는 따뜻한 복숭아색, 하단 근처는 연한 파란색을 띱니다.

레이아웃: 왼쪽 상단에 세련된 세리프 폰트로 앱 제목인 “Lumen”을 크게 검은색 텍스트로 배치하고, 그 아래에 더 작은 짙은 회색 일본어 텍스트로 “今日の光”라는 부제목을 넣습니다. 오른쪽 상단에는 3개의 짙은 가로선과 부드러운 그림자가 있는 원형 햄버거 메뉴 버튼을 배치합니다.

주요 UI 요소: 중앙을 따라 수직으로 쌓인 5개의 떠 있는 둥근 유리 카드/버튼을 사용합니다:
1. 상단 작은 알약 모양 카드: 왼쪽에 따뜻한 복숭아색 태양 아이콘, “集中” 라벨, “10:20” 시간, 오른쪽에 작은 주황색 상태 점 1개.
2. 중간 선택된 알약 모양 카드: 청록색 발광 테두리가 있는 더 큰 흰색 반투명 알약 모양으로, 왼쪽에 청록색 원형 파동/호흡 아이콘, “穏やか” 라벨, “15:40” 시간, 오른쪽에 작은 청록색 상태 점 1개. 이 알약 하단 중앙에 작은 아래쪽 홈을 추가하여 아래의 확장된 카드와 시각적으로 연결합니다.
3. 확장된 기분 입력 카드: 크게 둥근 흰색 반투명 패널. 왼쪽 상단에는 동일한 청록색 파동 아이콘과 “穏やか” 제목이 있고, 오른쪽 상단에는 “×”가 있는 원형 닫기 버튼이 있습니다. “15:40” 시간을 큰 텍스트로 표시합니다. 정확히 3개의 구성 요소가 보이는 가로형 기분 슬라이더를 포함합니다: 왼쪽에는 슬픈 얼굴 아이콘, 청록색에서 회색으로 이어지는 슬라이더 트랙(노브는 중앙에서 약간 오른쪽), 오른쪽에는 행복한 얼굴 아이콘. 그 아래에는 “深呼吸のあと、少し軽くなった”가 포함된 둥근 텍스트 입력창과 오른쪽에 작은 연필 아이콘을 넣습니다. 하단에는 “記録する”라고 적힌 큰 청록색 그라데이션 둥근 버튼을 포함합니다.
4. 하단 작은 알약 모양 카드: 왼쪽에 파란색 달과 별 아이콘, “回復” 라벨, “20:45” 시간, 오른쪽에 작은 파란색 상태 점 1개.
5. 하단 내비게이션 / 액션 바: 하단 근처에 넓고 반투명한 둥근 캡슐 형태. 정확히 3개의 원형 컨트롤을 포함합니다: 왼쪽에는 막대 그래프 아이콘이 있는 작은 원형 버튼, 중앙에는 더 크고 빛나는 황금색 원형 버튼, 오른쪽에는 하트 윤곽선이 있는 작은 원형 버튼. 중앙의 빛나는 버튼 아래에 “気分を追加”라는 라벨을 표시합니다.

시각적 스타일: 미니멀하고 프리미엄한 iOS 앱 디자인, 반투명한 프로스트 글래스 표면, 둥근 모서리, 부드러운 드롭 섀도, 섬세한 발광 효과, 미묘한 깊이감, 깔끔한 간격, 차분한 웰니스 분위기. 따뜻한 복숭아색, 민트 청록색, 연한 파란색, 크림 화이트, 차콜 색상의 타이포그래피를 사용합니다. 아이콘은 단순한 라인 아이콘이어야 하며 iOS 네이티브 느낌을 주어야 합니다.

제약 사항: 모든 일본어 텍스트는 지정된 대로 정확하게 유지하십시오. 추가 카드, 추가 텍스트, 로고, 워터마크, 기기 프레임, 상태 표시줄을 추가하지 마십시오. 목업은 실제 설치된 앱의 스크린샷이 아닌, 생성된 앱 UI 컨셉처럼 보여야 합니다.

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

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