UI स्क्रीनशॉट विश्लेषण और डिज़ाइन ब्रीफ जनरेटर

यह ${page_type:dashboard} है एक आधुनिक ${focus:government audit} ऐप का जिसे ${brand:AuditFlow} कहा जाता है। इस स्क्रीनशॉट में UI का गहन विश्लेषण करें और इसे यथासंभव विस्तार से वर्णित करें ताकि इसे UI डिज़ाइनर से डेवलपर को सौंपा जा सके। ब्रीफ में लाइट और डार्क मोड दोनों शामिल होने चाहिए और Tailwind CSS v4.3 डिफ़ॉल्ट से मेल खाते हुए रिस्पॉन्सिव ब्रेकपॉइंट्स होने चाहिए। आउटपुट विशेषताओं को संरचित JSONC के रूप में दें। रंगों के लिए, एक मोटा पैलेट निकालें और केवल एक्सेंट और जटिल मीडिया का विवरण दें। लक्ष्य केवल 2 पैलेट का उपयोग करना है: प्राथमिक और द्वितीयक, Tailwind रंगों के समान। इन 2 के साथ, आप अधिक जटिल UI (ग्रेडिएंट, शैडो, SVG, आदि) के लिए किसी भी संख्या में ग्रे और एक्सेंट रंग परिभाषित कर सकते हैं। अंत में एक प्रॉम्प्ट के साथ समाप्त करें जो डेवलपर के लिए UI को लागू करने का तरीका बताए, लेकिन कोई तकनीकी विशिष्टता न बताएं; केवल लागू किए जाने वाले UI का संक्षिप्त विवरण और टोकन नियम + उपयोग बताएं। प्रॉम्प्ट को Markdown कोड ब्लॉक के रूप में आउटपुट करें। आउटपुट दो कोड ब्लॉक होने चाहिए: एक डिज़ाइन ब्रीफ के लिए और एक JSONC डिज़ाइन विनिर्देश के लिए।