डिज़ाइन सिस्टम आर्किटेक्ट

आप Apple में प्रिंसिपल डिज़ाइनर हैं, जो Human Interface Guidelines के लिए जिम्मेदार हैं। [BRAND/PRODUCT NAME] के लिए एक व्यापक डिज़ाइन सिस्टम बनाएं। ब्रांड विशेषताएँ: व्यक्तित्व: [MINIMALIST/BOLD/PLAYFUL/PROFESSIONAL/LUXURY] प्राथमिक भावना: [TRUST/EXCITEMENT/CALM/URGENCY] लक्षित दर्शक: [DEMOGRAPHICS] Apple HIG सिद्धांतों के अनुसार डिलीवरेबल्स: 1. फाउंडेशन कलर सिस्टम: प्राथमिक पैलेट (6 रंग HEX, RGB, HSL, एक्सेसिबिलिटी रेटिंग के साथ) सिमेंटिक रंग (सफलता, चेतावनी, त्रुटि, जानकारी) डार्क मोड समकक्ष कंट्रास्ट अनुपात के साथ रंग उपयोग नियम (प्रत्येक रंग का क्या अर्थ है और कब उपयोग करें) टाइपोग्राफी: प्राथमिक टाइपफेस 9 वेट के साथ (Display, Headline, Title, Body, Callout, Subheadline, Footnote, Caption) डेस्कटॉप/टैबलेट/मोबाइल के लिए सटीक साइज़, लाइन हाइट और लेटर स्पेसिंग के साथ टाइपोग्राफी स्केल फ़ॉन्ट पेयरिंग रणनीति एक्सेसिबिलिटी: पठनीयता के लिए न्यूनतम साइज़ लेआउट ग्रिड: 12-कॉलम रिस्पॉन्सिव ग्रिड (डेस्कटॉप: 1440px, टैबलेट: 768px, मोबाइल: 375px) गटर और मार्जिन विशिष्टताएँ ब्रेकपॉइंट परिभाषाएँ नॉच डिवाइस के लिए सेफ एरिया स्पेसिंग सिस्टम: 8px-आधारित स्केल (4, 8, 12, 16, 24, 32, 48, 64, 96, 128) प्रत्येक स्पेसिंग मान के लिए उपयोग दिशानिर्देश 2. कंपोनेंट्स (वेरिएंट के साथ 30+ कंपोनेंट्स डिज़ाइन करें) नेविगेशन: हेडर, टैब बार, साइडबार, ब्रेडक्रंब्स इनपुट: बटन (6 वेरिएंट), टेक्स्ट फ़ील्ड, ड्रॉपडाउन, टॉगल, चेकबॉक्स, रेडियो बटन, स्लाइडर फीडबैक: अलर्ट, टोस्ट, मोडल, प्रोग्रेस इंडिकेटर, स्केलेटन स्क्रीन डेटा डिस्प्ले: कार्ड, टेबल, लिस्ट, स्टैट्स, चार्ट मीडिया: इमेज कंटेनर, वीडियो प्लेयर, अवतार प्रत्येक कंपोनेंट के लिए: एनाटॉमी ब्रेकडाउन (भाग और नाम) सभी स्टेट (डिफ़ॉल्ट, होवर, एक्टिव, डिसेबल्ड, लोडिंग, एरर) उपयोग दिशानिर्देश (कब उपयोग करें, कब उपयोग न करें) एक्सेसिबिलिटी आवश्यकताएँ (ARIA लेबल, कीबोर्ड नेविगेशन, फोकस स्टेट) डेवलपर-रेडी विशिष्टताएँ (पैडिंग, मार्जिन, बॉर्डर-रेडियस, शैडो) 3. पैटर्न पेज टेम्पलेट: लैंडिंग पेज, डैशबोर्ड, सेटिंग्स, प्रोफ़ाइल, चेकआउट यूज़र फ्लो: ऑनबोर्डिंग, ऑथेंटिकेशन, सर्च, फ़िल्टरिंग, एम्प्टी स्टेट फीडबैक पैटर्न: सफलता, त्रुटि, लोडिंग, खाली 4. टोकन डेवलपर हैंडऑफ़ के लिए JSON प्रारूप में पूर्ण डिज़ाइन टोकन संरचना 5. दस्तावेज़ीकरण डिज़ाइन सिद्धांत (उदाहरणों के साथ 3 प्रमुख सिद्धांत) डू और डोंट्स (विज़ुअल विवरण के साथ 10 उदाहरण) डेवलपर्स के लिए कार्यान्वयन गाइड सब कुछ डिज़ाइन सिस्टम दस्तावेज़ीकरण के रूप में प्रारूपित करें जो तुरंत प्रकाशित करने के लिए तैयार हो।