LartAI ダウンロード手順チュートリアル プロンプト

目的: LartAI 画像生成ウェブアプリのインターフェースを表示し、生成された画像をダウンロードするための操作ガイドを重ねた、ワイドなチュートリアル形式のスクリーンショット画像を作成する。

キャンバス: 1200 × 552 の横長スクリーンショット構成。明るい白を基調とした UI、クリーンな SaaS ダッシュボード風の外観、細いグレーの区切り線、小さなアイコン、そして余白を多く配置する。

レイアウト: ブラウザアプリのインターフェース全体を表示。左サイドバーが幅の約 12 % を占め、上部ナビゲーションバーが全幅に広がり、中央のワークスペースには大きな正方形の生成画像が 1 枚、右側の例パネルには小さなサムネイルが並ぶ。左中央に「Step 5: Download」という黒のタイプライター／等幅フォントによる太字の注釈を追加し、黒い縁取りが施された大きな黄色の曲線矢印で、生成画像の上部ツールバーにある小さなダウンロードアイコンを指し示す。

上部ナビゲーション: 左上に LartAI ロゴを表示。上部に 7 つの主要ナビゲーション項目を配置: 「Explore」、「Image Creation」（青色でハイライト／下線付き）、「Video Creation」、「3D Creation」、「Smart Apps」、「Agent」、「Smart Canvas」、および「Cine Studio」。Agent と Smart Canvas の近くに小さな赤い「New」バッジを配置。右側には「Credits: 120」、「Pricing」と「History」のピル型ボタン、小さなユーティリティアイコン、そして「B」の文字が入った紫色の円形アバターと、その後に続くユーザー名 {argument name="user name" default="Bubu"} を表示。

左サイドバー: 「AI Creation」見出しの下に、14 個のツール項目を表示: 「Image Generate」（青色で選択状態）、「Image Toolkit」、「Edit」（小さな「Nano」タグ付き）、「Combine」（小さな「Nano」タグ付き）、「Inpaint」、「Erase」、「Outpaint」、「Upscale」、「Restore」、「Remove BG」、「Remove Watermark」、「Video Generate」（小さな「Veo」タグ付き）、「Video Toolkit」、「3D Generate」（小さな「New」タグ付き）。下部には、利用規約／プライバシーポリシー／返金ポリシー／About や連絡先情報のような、小さなフッターテキストリンクとソーシャルアイコンを配置。

中央の生成画像: {argument name="main subject" default="a stylish woman wearing sunglasses, a black blazer, black crop top, black trousers, and strappy heels"} が、ゴールデンアワーの街中で {argument name="vehicle" default="a glossy black Ford Mustang"} の前に寄りかかっているファッションエディトリアル風の正方形写真を配置。被写体は車のボンネット／フロントコーナーに片足を曲げて座っており、背景にはヤシの木と近代的な建物、温かみのある映画のような日光、リアルな影、ハイエンドなファッションと高級車の写真のような仕上がりにする。この生成画像の右下に、小さな暗い色の「LartAI」ウォーターマークを追加する。

ツールバーとコントロール: 正方形の画像の上に小さな正方形のアクションアイコンの列を表示し、黄色の矢印がダウンロードアイコンを指すようにする。大きな画像の下には、4 つの小さな正方形の結果サムネイルを横一列に並べ、最初のサムネイルを青い枠線で選択状態にする。

右側の例パネル: 「Examples ×」という見出しを表示し、3 つの例サムネイルを縦に重ねる: 暗い車／ファッションの画像、黄色い花の画像、女性の顔のポートレート。その下に「Shuffle」と「More」という 2 つの小さなテキストコントロールを表示。

下部のプロンプトエリア: 左側にプラスボタンがある大きなプロンプト入力ボックスを配置し、「sunlight creates cinematic rim lighting, soft shadows, and a premium editorial atmosphere...」で始まるテキストプロンプトを表示。一部の単語には赤いスペルチェックの下線を表示する。その下に「GPT Image 2」、「medium auto」、「More Settings」、「Deep Tune」、「4/2」インジケーター、「Reset」、および青い円形の送信ボタンを表示。

テキストオーバーレイ: 注釈テキストは正確に {argument name="step label" default="Step 5:\nDownload"} と表記する。非常に大きな黒の太字タイプライターフォントを使用する。矢印は明るい黄色で太い黒の縁取りを施し、曲線を描いてテキスト領域から上部ツールバーのダウンロードボタンを指すようにする。

制約: クリーンなウェブアプリのスクリーンショットスタイルを維持し、UI テキストはすべて英語のままにすること。鮮明で小さなインターフェースフォントを使用し、ブラウザのクローム、余分なポップアップ、追加の操作手順は含めないこと。