ダークモード対応辞書アプリの画面デザイン プロンプト

目的：英語の辞書・単語学習アプリのリアルな iPhone スクリーンショットを作成する。ダークモードを採用し、{argument name="word" default="achievement"} のエントリーを表示する。

キャンバス：縦型スマートフォン画面、アスペクト比 9:16、背景は黒。上部には iOS スタイルのステータスバーを配置し、左側に 12:11、右側にモバイル通信・Wi-Fi・バッテリーアイコンを表示。角丸カード、ソフトシャドウ、モダンでミニマルな 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 の比率、角丸、繊細なグラデーション、白とグレーのタイポグラフィ、アクセントカラーの青、洗練された製品スクリーンショット。余計な単語、アイコン、透かし、ブラウザのクロームなどは一切含めないこと。