Space Asset Gallery UI

6 つの宇宙飛行のサムネイルと削除コントロールを備えた、洗練された SaaS スタイルのアセットアップロードギャラリーのモックアップ。ウェブサイトのインターフェースデザイン向け。

プロンプト

ゴール: Your Assets というタイトルの、クリーンなウェブサイト UI アセットマネージャーパネルを作成する。アップロードされた宇宙飛行画像のグリッドを表示する。キャンバス: 非常に明るい背景に、かすかなドットグリッドパターンと右端に淡い曲線の装飾ラインをあしらった、正方形に近いウェブモックアップ。柔らかな影、角丸、落ち着いたブルーグレーのテキストを使用したモダンな SaaS スタイルを採用する。レイアウト: 左上に、シンプルなアウトラインの画像/写真シンボルが入った小さな角丸のピンクの正方形アイコンを配置し、その後に見出しを続ける。その下に、細い淡いグレーの境界線を持つ、大きな白い角丸の長方形カードを作成する。カード内には、2 列 × 3 行のグリッドで合計 6 つの画像サムネイルを配置し、各サムネイルは角丸にする。各サムネイルの右上隅には、重なるようにフローティングの円形削除ボタンを配置する（削除ボタンは合計 6 つで、それぞれグレーの X アイコンが入った白地とする）。カードの下部中央には、プラス記号と Upload more というテキストを含むアップロードアクション行を配置する。サムネイルの内容（計 6 つ）: 1) 左上: 夕焼けのオレンジ色の雲を背景に発射台に立つ背の高いロケット。 2) 右上: 明るい爆発/炎と輝く円形の衝撃波エフェクトを伴う、同じロケット発射台のシーン。 3) 中左: 夕焼けの空を背景に、大きな明るい噴煙を上げて垂直に上昇するロケット。 4) 中右: 濃いオレンジ色の雲の層を抜け、暗い青色の高層大気へと上昇するロケット。 5) 左下: 低軌道から見た地球と、湾曲した地平線上に浮かぶ小さな宇宙船。 6) 右下: 天の川と左上に地球が見える、星空の深宇宙パノラマ。ビジュアルスタイル: 洗練されたウェブコンポーネントのスクリーンショット、リアルで映画のような宇宙のサムネイル、鮮明な UI のエッジ、ゆとりのあるスペース、16 px の角丸サムネイル、繊細な影、柔らかなニュートラルカラーのパレット。小さな画像アイコンの背景には soft pink を、タイトルとアップロードテキストには slate blue-gray を使用する。制約事項: すべてのテキストは英語のままにすること。余分なラベル、透かし、ブラウザのクローム、カーソルは含めないこと。以下の正確な数を維持すること: タイトル 1 つ、アイコン 1 つ、境界線付きカード 1 つ、サムネイル 6 つ、円形の X 削除ボタン 6 つ、下部アップロードアクション 1 つ。