Brugergrænseflade for Space Asset Gallery

Mål: Opret et rent website UI asset management panel med titlen {argument name="headline text" default="Dine aktiver"}, der viser et gitter af uploadede rumfartsbilleder. Canvas: En firkantet webmockup med en meget lys baggrund med et diskret prikket gittermønster og en svagt buet dekorativ linje langs højre kant. Anvend en moderne SaaS-stil med bløde skygger, afrundede hjørner og blød blågrå tekst. Layout: Placer et lille, rundt, lyserødt firkantet ikon i øverste venstre hjørne, der indeholder et simpelt konturbillede/fotosymbol efterfulgt af titlen. Nedenfor dette skal du oprette et stort hvidt, afrundet rektangulært kort med en tynd, lysegrå kant. Inde i kortet skal du placere seks billedminiaturebilleder arrangeret i et gitter med 2 kolonner og 3 rækker, hver med afrundede hjørner. Hvert miniaturebillede har en flydende, rund sletteknap i øverste højre hjørne; der er i alt seks sletteknapper, alle hvide med et gråt X-ikon. Nederst på kortet skal du placere en centreret række med uploadmuligheder, der indeholder et plustegn og teksten {argument name="upload text" default="Upload mere"}. Miniaturebillederne består af seks billeder: 1) Øverst til venstre: En tårnhøj raket står på en affyringsrampe ved solnedgang mod en baggrund af orange skyer; 2) Øverst til højre: Den samme scene fra raketaffyringsrampen med klare eksplosioner/flammer og glødende cirkulære chokbølgeeffekter; 3) Midterst til venstre: En raket stiger lodret op mod en solnedgangshimmel ledsaget af en enorm, lys røgsøjle; 4) Midterst til højre: En raket gennemborer tykke orange skyer og stiger op i den dybblå øvre atmosfære; 5) Nederst til venstre: En udsigt over Jorden fra et lavt kredsløb om Jorden med et lille rumfartøj over horisontbuen; 6) Nederst til højre: Et stjernebelyst panorama af det dybe rum, der viser Mælkevejen med Jorden synlig øverst til venstre. Visuel stil: Udsøgte skærmbilleder af webkomponenter, realistiske filmiske miniaturebilleder af rummet, rene brugergrænsefladekanter, rigelig afstand, 16px afrundede hjørneminiaturebilleder, subtile skygger og bløde neutrale toner. Baggrunden for de små ikoner bruger `{argument name="accent color" default="soft pink"}`, og titlen og uploadteksten bruger `{argument name="text color" default="slate blue-gray"}`. Begrænsninger: Al tekst skal være på engelsk og må ikke indeholde ekstra tags, vandmærker, browserrammer eller markører. Følgende antal skal overholdes nøje: 1 titel, 1 ikon, 1 kort med ramme, 6 miniaturebilleder, 6 cirkulære X-formede sletteknapper og 1 uploadhandling i bunden.