Cosmic Dark Mode UI डिज़ाइन सिस्टम

एक व्यापक डार्क-मोड UI डिज़ाइन सिस्टम तैयार करता है जिसमें कलर पैलेट, टाइपोग्राफी और अंतरिक्ष-थीम वाले घटक शामिल हैं।

प्रॉम्प्ट

{ "type": "UI डिज़ाइन सिस्टम", "theme": "डार्क मोड, अंतरिक्ष से प्रेरित, चमकते हुए एक्सेंट", "header": { "label": "डिज़ाइन सिस्टम", "title": "COSMIC GRAVITY", "subtitle": "ब्रह्मांड से प्रेरित एक डिज़ाइन भाषा।" }, "layout": { "left_column": [ { "title": "रंग", "count": 7, "items": [ {"name": "Cosmic Black", "hex": "#050507"}, {"name": "Deep Space", "hex": "#0E0F14"}, {"name": "Soft White", "hex": "#F5F6F8"}, {"name": "Stardust Gold", "hex": "#F5D28A"}, {"name": "Night Purple", "hex": "#1A1C2A"}, {"name": "Dusk Blue", "hex": "#0F1B2A"}, {"name": "Nebula Teal", "hex": "#0E1F22"} ] }, { "title": "ग्रेडिएंट", "count": 1, "description": "डार्क-से-लाइट-से-डार्क कॉस्मिक चमक दिखाने वाली क्षैतिज पट्टी" }, { "title": "टाइपोग्राफी", "font": "Space Grotesk", "hierarchy_count": 4, "levels": ["H1 कॉस्मिक लाइट", "H2 एक्सप्लोर मोर", "बॉडी सेलेस्टियल टेक्स्ट", "कैप्शन ऑर्बिट इंफो"] } ], "main_column": [ { "title": "UI घटक", "subsections": [ {"title": "बटन", "count": 3, "labels": ["एक्सप्लोर (प्राइमरी)", "कैंसिल (सेकेंडरी)", "मोर (घोस्ट)"]}, {"title": "स्लाइडर", "count": 1, "value": "72%"}, {"title": "टॉगल", "count": 2, "states": ["ऑफ", "ऑन"]}, {"title": "टैग्स", "count": 3, "labels": ["ब्लैक होल", "जुपिटर", "ऑर्बिट"]} ] }, { "title": "कार्ड्स", "count": 3, "items": [ {"title": "JUPITER", "subtitle": "ऑर्बिट आर्काइव", "image": "जुपिटर ग्रह"}, {"title": "ब्लैक होल", "subtitle": "कॉस्मिक इवेंट", "image": "एक्रेशन डिस्क के साथ ब्लैक होल"}, {"title": "दूरी", "value": "778.3 M किमी", "image": "कंसेंट्रिक ऑर्बिटल रिंग्स"} ] }, { "title": "डेटा डिस्प्ले", "count": 3, "items": [ {"title": "ऊर्जा", "type": "सर्कुलर प्रोग्रेस रिंग", "value": "87%"}, {"title": "सिग्नल स्ट्रेंथ", "type": "चमकते नोड्स के साथ लाइन ग्राफ", "value": "42.6 dB"}, {"title": "कॉस्मिक नॉइज़", "type": "ऑडियो प्लेयर UI"} ] }, { "title": "आइकन", "count": 7, "labels": ["होम", "ग्रह", "स्पार्कल", "सिग्नल", "फोल्डर", "हार्ट", "यूज़र"] } ], "bottom_row": [ { "title": "विजुअल एलिमेंट्स", "count": 5, "labels": ["ब्लैक होल", "ग्रेविटी रिंग", "लाइट ग्लो", "नेबुला डस्ट", "ग्लास सरफेस"] } ] } }