宇宙アセットギャラリーUI

目的: アップロードされた航空宇宙画像のグリッドを表示する、{argument name="headline text" default="Your Assets"} というタイトルのクリーンな Web サイト UI アセット管理パネルを作成します。キャンバス: 非常に明るい背景に微妙なドットグリッドパターンと右端に沿ってわずかに湾曲した装飾線がある正方形の Web モックアップ。ソフトシャドウ、丸みを帯びた角、ソフトな青灰色のテキストを使用したモダンな SaaS スタイルを採用します。レイアウト: 左上隅に、シンプルなアウトライン画像/写真シンボルを含む小さな丸いピンクの正方形アイコンを配置し、その下にタイトルを配置します。その下に、細いライトグレーの枠線が付いた大きな白い丸い長方形カードを作成します。カード内には、角が丸い 2 列 3 行のグリッドに配置された 6 つの画像サムネイルを配置します。各サムネイルの右上隅には、浮動する丸い削除ボタンがあります。削除ボタンは合計 6 つあり、すべて白で、灰色の X アイコンが付いています。カードの下部に、プラス記号とテキスト {argument name="upload text" default="Upload more"} を含むアップロードオプションの行を中央に配置します。サムネイルは 6 つの画像で構成されています。1) 左上: オレンジ色の雲を背景に、夕暮れ時に発射台にそびえ立つロケット。2) 右上: 明るい爆発/炎と光る円形の衝撃波効果を伴う、同じロケット発射台のシーン。3) 左中央: 巨大で明るい煙の柱を伴い、夕暮れの空を背景にロケットが垂直に上昇。4) 右中央: 濃いオレンジ色の雲を突き抜け、濃い青色の上層大気に上昇するロケット。5) 左下: 地平線の弧の上に小さな宇宙船がある、低軌道から見た地球の眺め。6) 右下: 天の川を示す星明かりの深宇宙パノラマ。左上に地球が見える。ビジュアルスタイル: 精巧なウェブコンポーネントのスクリーンショット、リアルな映画のような空間サムネイル、すっきりとした UI のエッジ、十分な間隔、16px の丸みを帯びた角のサムネイル、微妙な影、柔らかなニュートラル トーン。小さなアイコンの背景には `{argument name="accent color" default="soft pink"}` を使用し、タイトルとアップロード テキストには `{argument name="text color" default="slate blue-gray"}` を使用します。制約: すべてのテキストは英語で、余分なタグ、透かし、ブラウザの境界線、カーソルを含めてはなりません。次の数量を厳密に遵守してください: タイトル 1 つ、アイコン 1 つ、境界線付きカード 1 つ、サムネイル 6 つ、円形の X 字型の削除ボタン 6 つ、下部のアップロード アクション 1 つ。