Brukergrensesnitt for galleriet for romressurser

Mål: Lag et rent UI-panel for ressursadministrasjon for nettstedet med tittelen {argument name="headline text" default="Dine ressurser"}, som viser et rutenett med opplastede bilder fra luftfart. Lerret: En firkantet webmodell med en veldig lys bakgrunn med et subtilt stiplet rutenettmønster og en svakt buet dekorativ linje langs høyre kant. Bruk en moderne SaaS-stil med myke skygger, avrundede hjørner og myk blågrå tekst. Layout: Plasser et lite, rundt, rosa firkantet ikon øverst til venstre som inneholder et enkelt omrissbilde-/fotosymbol, etterfulgt av tittelen. Under dette lager du et stort hvitt, avrundet rektangulært kort med en tynn, lysegrå kant. Inne i kortet plasserer du seks miniatyrbilder arrangert i et rutenett med to kolonner og tre rader, hvert med avrundede hjørner. Hvert miniatyrbilde har en flytende, rund sletteknapp øverst til høyre; det er totalt seks sletteknapper, alle hvite med et grått X-ikon. Nederst på kortet plasserer du en sentrert rad med opplastingsalternativer, som inneholder et plusstegn og teksten {argument name="upload text" default="Last opp mer"}. Miniatyrbildene består av seks bilder: 1) Øverst til venstre: En ruvende rakett står på en oppskytningsrampe ved solnedgang, mot et bakteppe av oransje skyer; 2) Øverst til høyre: Den samme scenen fra rakettoppskytningsrampen, med sterke eksplosjoner/flammer og glødende sirkulære sjokkbølgeeffekter; 3) Midt til venstre: En rakett stiger vertikalt mot en solnedgangshimmel, ledsaget av en enorm, lys røyksøyle; 4) Midt til høyre: En rakett trenger gjennom tykke oransje skyer og stiger opp i den dypblå øvre atmosfæren; 5) Nederst til venstre: En visning av jorden fra lav bane rundt jorden, med et lite romfartøy over horisontbuen; 6) Nederst til høyre: Et stjernebelyst panorama av det dype rommet, som viser Melkeveien, med jorden synlig øverst til venstre. Visuell stil: Utsøkte skjermbilder av webkomponenter, realistiske filmatiske miniatyrbilder av rommet, rene brukergrensesnittkanter, god avstand, 16 pikslers avrundede hjørneminiatyrbilder, subtile skygger og myke nøytrale toner. Bakgrunnen for de små ikonene bruker `{argument name="accent color" default="soft pink"}`, og tittelen og opplastingsteksten bruker `{argument name="text color" default="slate blue-gray"}`. Begrensninger: All tekst må være på engelsk og ikke inneholde ekstra tagger, vannmerker, nettleserkantlinjer eller markører. Følgende antall må overholdes strengt: 1 tittel, 1 ikon, 1 kort med kant, 6 miniatyrbilder, 6 sirkulære X-formede sletteknapper og 1 opplastingshandling nederst.