Benutzeroberfläche der Weltraum-Asset-Galerie

Ziel: Erstellen Sie ein übersichtliches Web-UI-Asset-Management-Panel mit dem Titel „Ihre Assets“, das eine Übersicht der hochgeladenen Luft- und Raumfahrtbilder anzeigt. Arbeitsfläche: Ein quadratisches Web-Mockup mit sehr hellem Hintergrund, dezentem Punktgitter und einer leicht geschwungenen Zierlinie am rechten Rand. Verwenden Sie einen modernen SaaS-Stil mit weichen Schatten, abgerundeten Ecken und hellblaugrauer Schrift. Layout: Platzieren Sie ein kleines, rundes, pinkfarbenes Quadrat mit einem einfachen Bild-/Fotosymbol in der oberen linken Ecke, gefolgt vom Titel. Darunter erstellen Sie eine große, weiße, abgerundete Rechteckkarte mit einem dünnen, hellgrauen Rand. Platzieren Sie in der Karte sechs Bildminiaturen in einem 2-spaltigen, 3-zeiligen Raster mit abgerundeten Ecken. Jede Miniatur hat eine schwebende, runde Löschtaste in der oberen rechten Ecke; insgesamt gibt es sechs Löschtasten, alle weiß mit einem grauen X-Symbol. Platzieren Sie am unteren Rand der Karte eine zentrierte Zeile mit Upload-Optionen, die ein Pluszeichen und den Text {argument name="upload text" default="Mehr hochladen"} enthält. Die Vorschaubilder bestehen aus sechs Bildern: 1) Oben links: Eine hoch aufragende Rakete steht bei Sonnenuntergang vor orangefarbenen Wolken auf einer Startrampe; 2) Oben rechts: Dieselbe Raketenstartrampe, jedoch mit hellen Explosionen/Flammen und leuchtenden kreisförmigen Schockwellen; 3) Mitte links: Eine Rakete steigt senkrecht vor dem Sonnenuntergangshimmel auf, begleitet von einer riesigen, hellen Rauchsäule; 4) Mitte rechts: Eine Rakete durchbricht dichte orangefarbene Wolken und steigt in die tiefblaue obere Atmosphäre auf; 5) Unten links: Blick auf die Erde aus dem erdnahen Orbit, mit einem kleinen Raumschiff über dem Horizont; 6) Unten rechts: Ein sternenklares Weltraumpanorama mit der Milchstraße und der Erde oben links. Visueller Stil: Exquisite Screenshots der Webkomponenten, realistische, filmreife Vorschaubilder, klare UI-Kanten, großzügiger Zeilenabstand, Vorschaubilder mit 16px abgerundeten Ecken, dezente Schatten und sanfte, neutrale Farbtöne. Der Hintergrund der kleinen Symbole ist `{argument name="accent color" default="soft pink"}`, Titel und Upload-Text verwenden `{argument name="text color" default="slate blue-gray"}`. Vorgaben: Alle Texte müssen auf Englisch sein und dürfen keine zusätzlichen Tags, Wasserzeichen, Browserrahmen oder Cursor enthalten. Folgende Anzahl ist strikt einzuhalten: 1 Titel, 1 Symbol, 1 Karte mit Rahmen, 6 Vorschaubilder, 6 kreisförmige, X-förmige Löschbuttons und 1 Upload-Button am unteren Rand.