Dark Mode Dictionary Entry App
Creates a polished iPhone-style vocabulary app screen for an English dictionary entry with translation, illustration, pronunciation, and bottom navigation.
프롬프트
목표: {argument name="word" default="achievement"} 항목을 보여주는 세련된 다크 모드 영어 사전/어휘 학습 앱의 사실적인 iPhone 스크린샷을 생성합니다.
캔버스: 세로형 스마트폰 화면, 9:16 화면 비율, 검은색 배경, 상단에는 왼쪽의 12:11 시간과 오른쪽의 셀룰러/Wi‑Fi/배터리 아이콘이 표시된 iOS 스타일의 상태 표시줄. 둥근 카드, 부드러운 그림자, 현대적이고 미니멀한 UI를 사용하세요.
레이아웃: 상단 내비게이션에는 정확히 2개의 요소가 있습니다. 왼쪽 상단에는 흰색 왼쪽 꺾쇠가 있는 원형 다크 모드 뒤로 가기 버튼, 중앙에는 흰색으로 된 페이지 제목 "achievement"가 있습니다. 오른쪽 가장자리를 따라 얇은 세로 스크롤 표시기가 나타납니다.
섹션: 다음 순서로 정확히 4개의 가시적인 콘텐츠 섹션을 표시하세요: 1) 번역, 2) 삽화, 3) 발음, 4) 하단에 부분적으로 보이는 의미(Meanings) 헤더. 섹션 레이블은 음소거된 회색, 굵게, 왼쪽 정렬로 표시하세요.
텍스트 콘텐츠: "번역" 아래에 일본어 텍스트 {argument name="translation text" default="何かを成し遂げた結果や業績"}가 포함된 둥근 다크 모드 알약 모양 카드를 하나 배치하세요. "발음" 아래에는 음성 표기 {argument name="phonetic text" default="/əˈtʃiːvmənt/"}, 읽기 쉬운 발음 "ə-CHEE-vmənt", 오른쪽의 파란색 스피커 아이콘, 얇은 구분선, 왼쪽 하단 근처의 작은 둥근 "CEFR" 태그가 포함된 큰 둥근 다크 모드 카드를 하나 만드세요.
삽화: 삽화 섹션에는 미색 배경의 큰 둥근 직사각형 이미지 카드 하나를 배치하세요. 그 안에는 검은색 학위 가운과 금색 술이 달린 학사모를 쓰고 눈을 감고 미소 짓는 활기찬 젊은 졸업생 여성의 모습을 그리세요. 그녀는 왼손에 빨간 리본으로 묶인 두루마리 학위증을 들고 오른손을 쥐어 축하하는 제스처를 취하고 있습니다. 주변에 다채로운 직사각형 색종이 조각을 추가하세요. 평면 벡터 일러스트레이션 스타일, 따뜻한 색감, 깔끔한 가장자리를 사용하고 삽화 내부에 텍스트는 넣지 마세요.
하단 내비게이션: 하단에 정확히 3개의 탭이 있는 떠 있는 둥근 검은색 탭 바를 오버레이하세요: 파란색 학사모 아이콘과 강조된 회색 알약 배경의 "Lessons", 흰색 펼친 책 아이콘의 "Words", 흰색 톱니바퀴 아이콘의 "Settings". 탭 바는 발음 카드와 희미한 "Meanings" 헤더를 부분적으로 가립니다.
시각적 스타일: 고충실도 모바일 앱 목업, 다크 테마, iOS 비율, 둥근 모서리, 미묘한 그라데이션, 흰색 및 회색 타이포그래피, 파란색 강조 색상, 세련된 제품 스크린샷. 추가 단어, 추가 아이콘, 워터마크 또는 브라우저 크롬은 피하세요.
기계 번역 — 실제 결과물을 만든 것은 원문 프롬프트입니다.
원문 프롬프트
Goal: Create a realistic iPhone screenshot of a sleek dark-mode English dictionary/vocabulary learning app showing the entry for {argument name="word" default="achievement"}.
Canvas: Vertical smartphone screen, 9:16 aspect ratio, black background, iOS-style status bar at the top showing 12:11 on the left and cellular/Wi‑Fi/battery icons on the right. Use rounded cards, soft shadows, and a modern minimal UI.
Layout: Top navigation has exactly 2 elements: a circular dark back button with a white left chevron on the upper left, and the centered page title “achievement” in white. A thin vertical scroll indicator appears along the right edge.
Sections: Show exactly 4 visible content sections in this order: 1) Translation, 2) Illustration, 3) Pronunciation, 4) a partially visible Meanings header at the bottom. Section labels are muted gray, bold, and left aligned.
Text content: Under “Translation,” place one rounded dark pill card containing the Japanese text {argument name="translation text" default="何かを成し遂げた結果や業績"}. Under “Pronunciation,” create one large rounded dark card with the phonetic spelling {argument name="phonetic text" default="/əˈtʃiːvmənt/"}, the readable pronunciation “ə-CHEE-vmənt,” a blue speaker icon on the right, a thin divider line, and a small rounded “CEFR” tag near the lower left.
Illustration: In the Illustration section, place one large rounded rectangle image card with an off-white background. Inside it, draw a cheerful young graduate woman in a black graduation gown and mortarboard with a gold tassel, smiling with eyes closed. She raises a rolled diploma tied with a red ribbon in her left hand and clenches her right fist in celebration. Add colorful rectangular confetti around her. Use a flat vector illustration style, warm colors, clean edges, and no text inside the illustration.
Bottom navigation: Overlay a floating rounded black tab bar at the bottom with exactly 3 tabs: “Lessons” with a blue graduation-cap icon and highlighted gray pill background, “Words” with a white open-book icon, and “Settings” with a white gear icon. The tab bar partially covers the pronunciation card and the faint “Meanings” header.
Visual style: High-fidelity mobile app mockup, dark theme, iOS proportions, rounded corners, subtle gradients, white and gray typography, blue accent color, polished product screenshot. Avoid extra words, extra icons, watermarks, or browser chrome.