Uzay Varlık Galerisi Kullanıcı Arayüzü

Amaç: Yüklenen havacılık görsellerinin bir ızgarasını gösteren, {argument name="headline text" default="Your Assets"} başlıklı temiz bir web sitesi kullanıcı arayüzü varlık yönetim paneli oluşturmak. Tuval: Çok açık bir arka plana sahip, ince noktalı bir ızgara deseni ve sağ kenar boyunca hafifçe kavisli dekoratif bir çizgi içeren kare bir web maketi. Yumuşak gölgeler, yuvarlak köşeler ve yumuşak mavi-gri metin ile modern bir SaaS stili benimseyin. Yerleşim: Sol üst köşeye, basit bir çerçeveli resim/fotoğraf sembolü içeren küçük, yuvarlak, pembe bir kare simge yerleştirin, ardından başlık gelir. Bunun altına, ince, açık gri bir kenarlığa sahip büyük, beyaz, yuvarlak dikdörtgen bir kart oluşturun. Kartın içine, her biri yuvarlak köşeli, 2 sütunlu, 3 satırlı bir ızgarada düzenlenmiş altı resim küçük resmi yerleştirin. Her küçük resmin sağ üst köşesinde yüzen, yuvarlak bir silme düğmesi vardır; toplamda altı silme düğmesi vardır, hepsi gri X simgeli beyazdır. Kartın alt kısmına, artı işareti ve {argüman adı="yükleme metni" varsayılan="Daha fazla yükle"} metnini içeren, ortalanmış bir yükleme seçenekleri satırı yerleştirin. Küçük resimler altı görüntüden oluşur: 1) Sol üst: Turuncu bulutların fonunda, gün batımında bir fırlatma rampasında yükselen devasa bir roket; 2) Sağ üst: Aynı roket fırlatma rampası sahnesi, parlak patlamalar/alevler ve parlayan dairesel şok dalgası efektleriyle; 3) Sol orta: Gün batımı gökyüzüne karşı dikey olarak yükselen bir roket, büyük ve parlak bir duman sütunu eşliğinde; 4) Sağ orta: Kalın turuncu bulutları delip geçen bir roket, derin mavi üst atmosfere yükseliyor; 5) Sol alt: Ufuk yayının üzerinde küçük bir uzay aracıyla, alçak Dünya yörüngesinden Dünya'nın görünümü; 6) Sağ alt: Samanyolu'nu gösteren, yıldızlarla aydınlatılmış derin uzay panoraması, sol üstte Dünya görülebiliyor. Görsel stil: Zarif web bileşeni ekran görüntüleri, gerçekçi sinematik uzay küçük resimleri, temiz kullanıcı arayüzü kenarları, geniş boşluk, 16 piksel yuvarlak köşeli küçük resimler, ince gölgeler ve yumuşak nötr tonlar. Küçük simgelerin arka planı `{argument name="accent color" default="soft pink"}`, başlık ve yükleme metni ise `{argument name="text color" default="slate blue-gray"}` kullanır. Kısıtlamalar: Tüm metinler İngilizce olmalı ve ekstra etiket, filigran, tarayıcı kenarlığı veya imleç içermemelidir. Aşağıdaki miktarlara kesinlikle uyulmalıdır: 1 başlık, 1 simge, 1 çerçeveli kart, 6 küçük resim, 6 dairesel X şeklinde silme düğmesi ve 1 alt yükleme eylemi.