Lumen iOS Wellness App Mockup

Lumen iOS Wellness App Mockup

원본 문서

GPT Image 2 · en

Goal: Create a polished iOS-style wellness app mockup for {argument name="app name" default="Lumen"}, a light-themed mood and breathing tracker, with soft Apple-inspired glassmorphism and Japanese UI text.

Canvas: Vertical mobile screenshot, 9:16 aspect ratio, approximately 563 × 1008 px. Use an airy cream-white background with a misty watercolor landscape at the bottom and edges, subtle mountains, reeds, and a glowing winding light trail running vertically through the center in warm peach near the top and pale blue near the bottom.

Layout: Place the app title at top left in a refined serif font, large black text reading “Lumen”, with the subtitle “今日の光” underneath in smaller dark gray Japanese text. Place one circular hamburger menu button at top right with three dark horizontal lines and a soft shadow.

Main UI elements: Use exactly 5 floating rounded glass cards/buttons stacked vertically down the center:
1. Top small pill card: warm peach sun icon on the left, label “集中”, time “10:20”, and one small orange status dot on the right.
2. Middle selected pill card: larger white translucent pill with teal glow outline, teal circular wave/breath icon on the left, label “穏やか”, time “15:40”, and one small teal status dot on the right. Add a small downward notch centered at the bottom of this pill, visually connecting to the expanded card below.
3. Expanded mood entry card: large rounded white translucent panel. Top left has the same teal wave icon, title “穏やか”, and a circular close button with an “×” at top right. Show the time “15:40” in large text. Include one horizontal mood slider with exactly 3 visible parts: a sad face icon on the left, a teal-to-gray slider track with the knob slightly right of center, and a happy face icon on the right. Beneath it, include a rounded text input containing “深呼吸のあと、少し軽くなった” with a small pencil icon on the right. At the bottom, include a large teal gradient rounded button labeled “記録する”.
4. Lower small pill card: blue moon-and-star icon on the left, label “回復”, time “20:45”, and one small blue status dot on the right.
5. Bottom navigation / action bar: wide translucent rounded capsule near the bottom. It contains exactly 3 circular controls: left small circular button with a bar chart icon, center larger glowing golden circular button, and right small circular button with a heart outline. Under the center glowing button, show the label “気分を追加”.

Visual style: Minimal premium iOS app design, translucent frosted glass surfaces, rounded corners, soft drop shadows, delicate glow, subtle depth, clean spacing, calm wellness atmosphere. Use warm peach, mint teal, pale blue, cream white, and charcoal typography. Icons should be simple line icons and feel native to iOS.

Constraints: Keep all visible Japanese text exactly as specified. Do not add extra cards, extra text, logos, watermarks, device frame, or status bar. The mockup should look like a generated app UI concept rather than a screenshot of a real installed app.

사용 방법

  1. 매개변수를 포함한 전체 원본 프롬프트를 복사하세요.
  2. 주제, 문구, 구도를 자신의 요구에 맞게 바꾸세요.
  3. 호환되는 외부 도구에서 사용하고 이용 조건과 결과를 확인하세요.

시작 전 확인

  • 참조 이미지가 필요한지 확인하세요. 호환 표시는 해당 모델로 이 예시를 생성했다는 뜻이 아닙니다.
  • 이름, 수치, 이미지 속 문구를 확인하세요. 모델 버전에 따라 결과가 다를 수 있습니다.

비슷한 예시

Merl iOS Personalization Screenshot
GPT Image 2en

{"type":"app store promotional screenshot","platform":"iOS","style":"clean premium branding, soft 3D mascot illustration, warm minimalist product marketing","brand":{"name":"{argument name=\"app name\" default=\"Merl\"}","primary colors":["warm cream","golden yellow","black","sof

iOS Lock Screen Concept — Stoic Quote
GPT Image 2en

Vertical 9:16 lock screen design concept — the OUTPUT IMAGE itself must be exactly 9:16 aspect ratio (for example 941x1672, 1080x1920, or 720x1280). Do NOT use 9:19.5 or any taller real-phone aspect — render at strict 9:16 even though it depicts a phone. The phone frame inside th