Gebruikersinterface van de Space Asset Gallery

Doel: Een overzichtelijk paneel voor het beheer van website-elementen creëren met de titel {argument name="headline text" default="Your Assets"}, waarin een raster van geüploade lucht- en ruimtevaartafbeeldingen wordt weergegeven. Canvas: Een vierkant webmockup met een zeer lichte achtergrond met een subtiel stippenraster en een licht gebogen decoratieve lijn langs de rechterrand. Kies voor een moderne SaaS-stijl met zachte schaduwen, afgeronde hoeken en zacht blauwgrijze tekst. Indeling: Plaats een klein, rond, roze vierkant pictogram in de linkerbovenhoek met een eenvoudig omtreksymbool voor een afbeelding/foto, gevolgd door de titel. Maak daaronder een grote witte, afgeronde rechthoekige kaart met een dunne, lichtgrijze rand. Plaats in de kaart zes miniatuurafbeeldingen, gerangschikt in een raster van 2 kolommen en 3 rijen, elk met afgeronde hoeken. Elke miniatuurafbeelding heeft een zwevende, ronde verwijderknop in de rechterbovenhoek; er zijn in totaal zes verwijderknoppen, allemaal wit met een grijs X-pictogram. Onderaan de kaart plaatst u een gecentreerde rij met uploadopties, met een plusteken en de tekst {argument name="upload text" default="Upload more"}. De miniaturen bestaan ​​uit zes afbeeldingen: 1) Links boven: Een torenhoge raket staat op een lanceerplatform bij zonsondergang, tegen een achtergrond van oranje wolken; 2) Rechts boven: Dezelfde scène met het lanceerplatform, met heldere explosies/vlammen en gloeiende cirkelvormige schokgolfeffecten; 3) Midden links: Een raket stijgt verticaal op tegen een zonsondergang, vergezeld van een enorme, heldere rookpluim; 4) Midden rechts: Een raket dringt door dikke oranje wolken en stijgt op in de diepblauwe bovenste atmosfeer; 5) Links onder: Een uitzicht op de aarde vanuit een lage baan om de aarde, met een klein ruimtevaartuig boven de horizon; 6) Rechts onder: Een panorama van de sterrenhemel, met de Melkweg en de aarde zichtbaar linksboven. Visuele stijl: Prachtige screenshots van webcomponenten, realistische miniaturen in filmische stijl, strakke UI-randen, voldoende witruimte, miniaturen met afgeronde hoeken van 16px, subtiele schaduwen en zachte neutrale tinten. De achtergrond voor de kleine pictogrammen gebruikt `{argument name="accent color" default="soft pink"}`, en de titel en uploadtekst gebruiken `{argument name="text color" default="slate blue-gray"}`. Beperkingen: Alle tekst moet in het Engels zijn en mag geen extra tags, watermerken, browserranden of cursors bevatten. Houd je strikt aan de volgende aantallen: 1 titel, 1 pictogram, 1 kaart met rand, 6 miniaturen, 6 ronde X-vormige verwijderknoppen en 1 uploadactie onderaan.