AI画像・動画生成ダッシュボード[HeliosGen]の洗練されたダークモードデスクトップWebアプリのUIスクリーンショット。ブラウザ枠のないクリーンな16:9比率。極めて深いネイビーとブラックの配色、微細なドットグリッドテクスチャ、細い境界線、控えめなグレーのタイポグラフィ、鮮やかなティールブルーのアクセント。
レイアウトとサイドバー:画面幅約10%を占める細身の左サイドバー。左上に小さなティールのエンブレム付きロゴ「HeliosGen」。その下にアイコン付きの6つのナビゲーション項目:1)「Image」(選択状態)、2)「Video」、3)「Workflow」、4)「Assets」、5)「Chat」、6)「Settings」。「Folders」セクションには「All works」フォルダー1行と、「No chats yet」の空状態表示。左下に「1.8k」と「220」のコンパクトな数値統計。
メインワークスペース:上部に「Generated」(選択中)と「Uploaded」(非アクティブ)の2つのタブ。その下に細い枠線で区切られた5つの生成画像サムネイルが横一列に並ぶ:
1) 夕暮れの砂漠で黒い岩の上に置かれた豪華な琥珀色の香水瓶。
2) 砂丘の石板の上に置かれた装飾的な金のキャップ付き丸型琥珀色香水瓶。
3) 夕暮れの黒い岩の上に置かれた三日月形キャップの四角い琥珀色香水瓶。
4) オフホワイトのスタジオ背景の中央に置かれた単一の赤リンゴ。
5) ミニマルなスタジオで白いテーブルに置かれた小さな赤リンゴ。
フローティング操作パネル:ワークスペース下部中央に角丸のフローティングプロンプトパネル。左側に「IMAGE 1:1」と記された四角いプレビュー枠。テキスト入力欄には「[Luxury Saudi perfume bottle on black stone, desert dunes in the background at sunset, premium commercial product]」と記載。下部には「Nano Banana Pro」「2K」「1:1」「1/4」「Multi」「JSON (4.14k)」のバッジと、右端に光るティール色の生成ボタン。
ビジュアルスタイル:シャープなUIデザイン、高コントラスト、整ったタイポグラフィ、リアルなサムネイル、ミニマルなSaaS外観、人物なし、透かしなし。
uiデザインダッシュボードダークモード