स्पेस एसेट गैलरी यूआई

उद्देश्य: {argument name="headline text" default="Your Assets"} शीर्षक वाला एक साफ-सुथरा वेबसाइट UI एसेट मैनेजमेंट पैनल बनाएं, जिसमें अपलोड की गई एयरोस्पेस छवियों का ग्रिड प्रदर्शित हो। कैनवास: एक वर्गाकार वेब मॉकअप, जिसमें हल्के रंग की पृष्ठभूमि पर एक सूक्ष्म बिंदीदार ग्रिड पैटर्न और दाहिने किनारे पर एक हल्की घुमावदार सजावटी रेखा है। आधुनिक SaaS शैली अपनाएं, जिसमें हल्की छाया, गोल कोने और हल्का नीला-भूरा टेक्स्ट हो। लेआउट: ऊपरी बाएँ कोने में एक छोटा, गोल, गुलाबी वर्गाकार आइकन रखें, जिसमें एक साधारण आउटलाइन छवि/फोटो प्रतीक हो, उसके बाद शीर्षक हो। इसके नीचे, एक बड़ा सफेद, गोल आयताकार कार्ड बनाएं, जिसमें पतली, हल्के भूरे रंग की बॉर्डर हो। कार्ड के अंदर, छह छवि थंबनेल रखें, जो 2-कॉलम, 3-पंक्ति ग्रिड में व्यवस्थित हों, प्रत्येक के कोने गोल हों। प्रत्येक थंबनेल के ऊपरी दाएँ कोने में एक तैरता हुआ, गोल डिलीट बटन है; कुल मिलाकर छह डिलीट बटन हैं, सभी सफेद रंग के हैं और उन पर एक भूरे रंग का X आइकन है। कार्ड के निचले भाग में, अपलोड विकल्पों की एक पंक्ति केंद्र में रखें, जिसमें एक प्लस चिह्न और {argument name="upload text" default="Upload more"} टेक्स्ट हो। थंबनेल में छह छवियां हैं: 1) ऊपर बाईं ओर: सूर्यास्त के समय नारंगी बादलों की पृष्ठभूमि में एक लॉन्च पैड पर एक विशाल रॉकेट खड़ा है; 2) ऊपर दाईं ओर: वही रॉकेट लॉन्च पैड का दृश्य, जिसमें तेज विस्फोट/लपटें और चमकते गोलाकार शॉकवेव प्रभाव दिखाई दे रहे हैं; 3) मध्य बाईं ओर: सूर्यास्त के आकाश में एक रॉकेट लंबवत ऊपर की ओर उठता है, जिसके साथ धुएं का एक विशाल, चमकदार स्तंभ दिखाई देता है; 4) मध्य दाईं ओर: एक रॉकेट घने नारंगी बादलों को चीरता हुआ गहरे नीले ऊपरी वायुमंडल में ऊपर उठता है; 5) नीचे बाईं ओर: निम्न पृथ्वी कक्षा से पृथ्वी का दृश्य, क्षितिज चाप के ऊपर एक छोटा अंतरिक्ष यान दिखाई दे रहा है; 6) नीचे दाईं ओर: तारों से जगमगाता एक गहरे अंतरिक्ष का विहंगम दृश्य, जिसमें मिल्की वे दिखाई दे रहा है और पृथ्वी ऊपरी बाईं ओर दिखाई दे रही है। दृश्य शैली: उत्कृष्ट वेब कंपोनेंट स्क्रीनशॉट, यथार्थवादी सिनेमाई स्पेस थंबनेल, साफ यूआई किनारे, पर्याप्त स्पेसिंग, 16px गोल कोनों वाले थंबनेल, सूक्ष्म छाया और सौम्य तटस्थ रंग। छोटे आइकनों के लिए पृष्ठभूमि में `{argument name="accent color" default="soft pink"}` रंग का उपयोग किया गया है, और शीर्षक और अपलोड टेक्स्ट में `{argument name="text color" default="slate blue-gray"}` रंग का उपयोग किया गया है। प्रतिबंध: सभी टेक्स्ट अंग्रेजी में होने चाहिए और उनमें कोई अतिरिक्त टैग, वॉटरमार्क, ब्राउज़र बॉर्डर या कर्सर नहीं होना चाहिए। निम्नलिखित मात्राओं का सख्ती से पालन करें: 1 शीर्षक, 1 आइकन, 1 बॉर्डर वाला कार्ड, 6 थंबनेल, 6 गोलाकार X-आकार के डिलीट बटन और 1 नीचे अपलोड एक्शन।