डार्क एआई कोडिंग डैशबोर्ड यूआई

{ "type": "डार्क SaaS एनालिटिक्स डैशबोर्ड UI", "product": { "brand": "{argument name=\"ब्रांड नाम\" default=\"AICode\"}", "theme": "इंटरफ़ेस में सूक्ष्म ग्रेडिएंट, सॉफ्ट लाइटिंग, गोल कार्ड और पतले बॉर्डर के साथ एक गहरा नेवी ब्लू फ्रॉस्टेड ग्लास टेक्सचर है, जो आधुनिक डेवलपर टूल सौंदर्यशास्त्र को दर्शाता है।" }, "canvas": { "aspect_ratio": "16:9", "background": "गहरा मिडनाइट ब्लू, सूक्ष्म विग्नेटिंग और सॉफ्ट रेडियल लाइटिंग प्रभाव के साथ।" }, "लेआउट": { "संरचना": "बायां साइडबार और मुख्य सामग्री क्षेत्र", "अनुभाग": [ { "शीर्षक": "साइडबार", "स्थिति": "बायां पक्ष", "गणना": 8, "लेबल": [ "AICode", "अवलोकन", "परियोजना", "AI सहायक", "API और उपयोग", "कोड गुणवत्ता", "टीम", "सेटअप" ], "विवरण": "लोगो शीर्ष पर प्रदर्शित होता है, और चयनित होने पर "अवलोकन" बैंगनी रंग में हाइलाइट होता है। नीचे सदस्यता कार्ड प्रो प्लान दिखाता है, जो 12 दिनों में समाप्त हो जाएगा। एक क्षैतिज प्रगति बार 75% दिखाता है। नीचे उपयोगकर्ता प्रोफ़ाइल में एक अवतार शामिल है। {आर्गुमेंट नाम="उपयोगकर्ता नाम" डिफ़ॉल्ट="एलेक्स मॉर्गन"} और ईमेल पता [email protected]" }, { "शीर्षक": "शीर्षक", "स्थिति": "शीर्ष मुख्य क्षेत्र", "गणना": 4, "लेबल": [ "वापस स्वागत है, एलेक्स 👋", "यह आपके एआई प्रोग्रामिंग प्लेटफॉर्म से आज का अपडेट है।", "12 मई, 2024 - 12 जून, 2024", "निर्यात रिपोर्ट" ], "विवरण": "बाईं ओर एक बड़ा अभिवादन है, जबकि दाईं ओर एक दिनांक सीमा चयनकर्ता और एक निर्यात बटन प्रदर्शित होता है।" }, { "शीर्षक": "संकेतक कार्ड", "स्थिति": "शीर्षक के नीचे पहली पंक्ति", "गणना": 4, "लेबल": [ "उपयोगकर्ताओं की कुल संख्या", "सक्रिय परियोजनाएं", "एपीआई कॉल वॉल्यूम", "कोड गुणवत्ता रेटिंग" ], "मान": [ "12,842", "2,153", "1.28M", "876" ], "विवरण": "प्रत्येक कार्ड में एक छोटा आइकन, एक बड़ा मुख्य मान और 12 अप्रैल से 12 मई, 2024 तक की अवधि की तुलना करने वाला पाठ शामिल है, जो क्रमशः 14.6%, 8.3%, 23.7% और 5.9% की सकारात्मक वृद्धि दर्शाता है। नीचे एक मिनी लाइन चार्ट प्रदर्शित किया गया है; रंग बैंगनी, हरा, एम्बर और नीला हैं।" }, { "शीर्षक": "मुख्य विश्लेषण पैनल", "स्थिति": "मध्य और निचली पंक्तियाँ", "गणना": 4, "लेबल": [ "एपीआई कॉल रुझान", "लोकप्रिय परियोजनाएँ", "उपयोगकर्ता गतिविधि हीटमैप", "कोड गुणवत्ता रुझान" ], "विवरण": "एपीआई कॉल रुझान" चार्ट एक विस्तृत क्षेत्र ग्राफ है जिसमें "दैनिक" ड्रॉपडाउन मेनू है; बैंगनी रेखा ऊपर की ओर रुझान दिखाती है, जो लगभग 250K पर समाप्त होती है। "लोकप्रिय आइटम" 5 आइटमों की रैंकिंग सूची है, जिसमें प्रगति बार और प्रतिशत परिवर्तन शामिल हैं। "उपयोगकर्ता गतिविधि हीटमैप" 7-पंक्ति वाला साप्ताहिक हीटमैप है जिसमें दोपहर 12 बजे से रात 9 बजे तक घंटेवार लेबल हैं। "कोड गुणवत्ता रुझान" चार्ट एक रेखा ग्राफ है जिसमें "साप्ताहिक" ड्रॉपडाउन मेनू है; बैंगनी वक्र लगभग 70 से 90 से थोड़ा ऊपर तक सुचारू रूप से बढ़ता है।" }, { "शीर्षक": "लोकप्रिय परियोजनाओं की सूची", "स्थिति": "मध्य दायां पैनल", "गणना": 5, "लेबल": [ "एआई कोड सहायक", "स्मार्ट रिफैक्टर", "कोड समीक्षा बॉट", "दस्तावेज़ जनरेटर", "टेस्ट बिल्डर" ], "मान": [ "485K", "321K", "214K", "132K", "98K" ], "विवरण": "पहले चार आइटमों में क्रमशः 12.4%, 8.7%, 3.1% और 6.8% की सकारात्मक वृद्धि हरे रंग में दिखाई गई, जबकि टेस्ट बिल्डर में -1.2% की नकारात्मक वृद्धि लाल रंग में दिखाई गई; प्रत्येक पंक्ति में एक रंगीन वर्गाकार आइकन और एक पतली क्षैतिज प्रगति पट्टी थी।" } ] }, "शैली": { "दृश्य भाषा": "उच्च-स्तरीय वित्तीय प्रौद्योगिकी और एआई उत्पाद डिज़ाइन प्रोटोटाइप", "प्रस्तुति": "एक स्पष्ट, उच्च-विश्वसनीयता वाला यूआई प्रोटोटाइप, सूक्ष्म छाया, नियॉन एज लाइटिंग प्रभाव, उत्कृष्ट चार्ट और एक साफ सैन्स-सेरिफ़ फ़ॉन्ट।", "प्राथमिक उच्चारण": "{तर्क नाम="उच्चारण रंग" डिफ़ॉल्ट="इलेक्ट्रिक वायलेट"}", "द्वितीयक उच्चारण": [ "पन्ना हरा", "अंबर पीला", "सियान" ], "घनत्व": "सूचना से भरपूर और स्थानिक रूप से संतुलित, एक सुव्यवस्थित ग्रिड और उच्च पठनीयता के साथ।" } }