## रंगो की पटिया

### प्राथमिक रंग

**पृष्ठभूमि**

- रंग: `#f2f2f0`

- विवरण: हल्का तटस्थ ऑफ-व्हाइट, साफ-सुथरा और न्यूनतम

उपयोग: बिना किसी अपवाद के सभी स्लाइड पृष्ठभूमियों पर लागू होता है।

**प्राथमिक पाठ एवं पंक्तियाँ**

- रंग: `#2B2B2B` या `#1A1A1A`

- विवरण: गहरा भूरा, लगभग काला

उपयोग: सभी पाठ सामग्री, शीर्षक विभाजक रेखाएं, ज्यामितीय रूपरेखाएं, अक्षर रूपरेखाएं

### एक्सेंट रंग

चमकीला नीला रंग

- रंग: `#5B7FFF` (वैकल्पिक: `#4D6FE8`)

- विवरण: ऊर्जा से भरपूर मध्यम चमकीला नीला रंग

उपयोग: ज्यामितीय आकृतियों पर गोलाकार नोड्स, पात्रों के कपड़े/स्कार्फ, बटन फिल, सजावटी डॉट्स

**म्यूटेड गोल्ड**

- रंग: `#C9B568` (वैकल्पिक: `#D4C17A`)

- विवरण: गर्म सरसों/सुनहरा रंग

उपयोग: ज्यामितीय आकृतियों पर गोलाकार नोड (नीले रंग के साथ बारी-बारी से), सजावटी तत्व

### रंग लगाने के नियम

- पृष्ठभूमि हमेशा `#E8E6E3` होती है

- टेक्स्ट हमेशा `#2B2B2B` होता है

- नीले और सुनहरे रंग का उपयोग केवल गोलाकार नोड्स और अक्षर उच्चारणों के लिए किया जाता है।

- नीले या सुनहरे रंग का प्रयोग कभी भी बड़े ब्लॉक या टेक्स्ट रंगों के रूप में न करें।

- टेक्स्ट और बैकग्राउंड के बीच उच्च कंट्रास्ट बनाए रखें

## टाइपोग्राफी प्रणाली

### फ़ॉन्ट परिवार

**मुख्य डिस्प्ले फ़ॉन्ट: रोका टू (या इसी तरह का मोटा सेरिफ़ फ़ॉन्ट)**

विशेषताएं: गोल आकार वाले बोल्ड, आकर्षक सेरिफ़ फ़ॉन्ट।

- वज़न: बोल्ड/हैवी

उपयोग: सभी स्लाइड शीर्षक, मुख्य शीर्षक, अनुभाग शीर्षक

- फ़ॉन्ट वही रखें

**सेकेंडरी बॉडी फॉन्ट: पॉपिन्स (या इंटर)**

विशेषताएं: स्वच्छ, आधुनिक सैन्स-सेरिफ़ फ़ॉन्ट, उत्कृष्ट पठनीयता के साथ

- वज़न: शरीर के लिए रेगुलर (400), उभार के लिए मीडियम (500)

उपयोग: सभी मुख्य पाठ, उपशीर्षक, कैप्शन, पृष्ठ संख्याएँ, लोगो पाठ

- फ़ॉन्ट वही रखें

### फ़ॉन्ट आकार निर्धारण पदानुक्रम

**अतिरिक्त बड़े शीर्षक** (कवर स्लाइड, प्रमुख अनुभाग विभाजक)

फ़ॉन्ट: **रोका टू**

आकार: 72-96pt

- रंग: `#2B2B2B`

उपयोग: "मुख्य शीर्षक", "धन्यवाद", "कार्यसूची"

**बड़े शीर्षक** (विषयवस्तु स्लाइड के शीर्षक)

फ़ॉन्ट: **रोका टू**

आकार: 48-60pt

- रंग: `#2B2B2B`

उपयोग: "हमारा दृष्टिकोण", "ब्रांड पोजीशनिंग", "आप किस बारे में सोचते हैं?"

**मुख्य पाठ** (अनुच्छेद, विवरण)

फ़ॉन्ट: पॉपिन्स रेगुलर

आकार: 18-24pt

- रंग: `#2B2B2B`

- लाइन की ऊंचाई: 1.6-1.8

उपयोग: सभी पैराग्राफ की सामग्री, विवरण

**छोटे अक्षरों में लिखा पाठ** (पृष्ठ संख्याएँ, पादलेख, शीर्षक)

फ़ॉन्ट: पॉपिन्स रेगुलर

आकार: 16-18 पॉइंट

- रंग: `#2B2B2B`

उपयोग: "पृष्ठ X", वेबसाइट URL, ईमेल पते

**बटन/पिल टेक्स्ट**

फ़ॉन्ट: पॉपिन्स रेगुलर या मीडियम

आकार: 20-24pt

- रंग: `#2B2B2B`

उपयोग: गोल पिल बटन के अंदर टेक्स्ट

### टाइपोग्राफी नियम

- सेरिफ़ फ़ॉन्ट को कभी भी आपस में न मिलाएं - केवल डिस्प्ले के लिए **रोका टू** का उपयोग करें।

बॉडी टेक्स्ट के लिए कभी भी सेरिफ़ फ़ॉन्ट का इस्तेमाल न करें - केवल Poppins फ़ॉन्ट का ही इस्तेमाल करें।

पठनीयता के लिए पंक्ति की ऊँचाई एक समान (1.6-1.8) बनाए रखें।

- सभी टेक्स्ट `#2B2B2B` फॉर्मेट में होने चाहिए - कोई अपवाद नहीं।

पैराग्राफों के बीच पर्याप्त अंतराल (24-32pt)

## लेआउट सिस्टम

### वैश्विक हेडर संरचना

**केवल कवर स्लाइड (पृष्ठ 1):**

**बायां हेडर तत्व:**

- प्रतीक चिन्ह

आकार: 32-40 पॉइंट व्यास

- रंग: काली रूपरेखा `#2B2B2B`

- स्थिति: बाएँ किनारे से 60-80px और ऊपर से 60-80px की दूरी पर

लोगो और टेक्स्ट के बीच की दूरी: 12-16px

**दायां हेडर तत्व:**

फ़ॉन्ट: पॉपिन्स रेगुलर, 16-18pt

- रंग: `#2B2B2B`

- स्थिति: दाहिने किनारे से 60-80px और ऊपर से 60-80px की दूरी पर

- संरेखण: दाएँ-संरेखित

**शीर्षक विभाजक:**

- पतली क्षैतिज रेखा

- वजन: 1-2 प्वाइंट

- रंग: `#2B2B2B`

- स्थिति: हेडर तत्वों के नीचे, मार्जिन सहित पूरी चौड़ाई में फैला हुआ

किनारों से मार्जिन: बाएँ और दाएँ 60-80px

**विषयवस्तु संबंधी स्लाइड (पृष्ठ 2-4) और समापन स्लाइड (पृष्ठ 5):**

- यूमाइंड लोगो नहीं

- केवल "पृष्ठ X" पाठ

- स्थान: ऊपरी-दाएँ कोने में, निचले-मध्य में, या अन्य सूक्ष्म स्थान

- कोई शीर्ष विभाजक रेखा नहीं

सामग्री के लिए अधिक ऊर्ध्वाधर स्थान उपलब्ध है

### मार्जिन प्रणाली

**मानक मार्जिन:**

- शीर्ष: 60-80px (हेडर डिवाइडर के नीचे 40-60px और जोड़ें)

- निचला भाग: 60-80px

- बाएँ: 80-100px

- दाएँ: 80-100px

**इच्छुक क्षेत्र:**

हेडर और मार्जिन को ध्यान में रखने के बाद, कंटेंट एरिया लगभग 1200-1280px चौड़ा × 600-680px लंबा होता है (16:9 अनुपात में 1920×1080 पिक्सेल पर)।

## दृश्य तत्व

### हाथ से खींची गई ज्यामितीय आकृतियाँ

**कोर डिज़ाइन:**

शैली: अपूर्ण, हाथ से खींचे गए आयत और वर्ग

- लाइन की मोटाई: 2-3 पॉइंट

- रंग: काला `#2B2B2B`

- गुणवत्ता: प्राकृतिक, थोड़ी टेढ़ी-मेढ़ी रेखाएं (पूरी तरह से सीधी नहीं)

- संबंध: विभिन्न कोणों पर आकृतियों को जोड़ने वाली रेखाएँ

**वृत्ताकार नोड्स:**

- आकार: पूर्ण वृत्त

आकार: 24-40 पॉइंट व्यास

- फिल: ठोस रंग - या तो `#5B7FFF` (नीला) या `#C9B568` (सुनहरा)

- स्थिति: ज्यामितीय आकृतियों के संपर्क बिंदुओं और कोनों पर

- पैटर्न: विविधता के लिए नीले और सुनहरे रंग का बारी-बारी से उपयोग करें।

**नियोजन नियम:**

- स्लाइड के कोनों में स्थिति (ऊपर-बाएँ, ऊपर-दाएँ, नीचे-बाएँ, नीचे-दाएँ)

- पाठ सामग्री के साथ कभी भी ओवरलैप न करें

सामग्री क्षेत्रों से 40-60px की दूरी बनाए रखें

- दृश्य संतुलन बनाएँ - यदि बाईं ओर आकृतियाँ हैं, तो दाईं ओर भी होनी चाहिए।

- सामान्य व्यवस्था: 2-4 जुड़े हुए आयत जिनमें 3-6 वृत्ताकार नोड होते हैं

### गोल आकार के पिल बटन

**डिजाइन विनिर्देश:**

- आकार: गोल आयताकार (गोली के आकार का)

बॉर्डर: 2pt ठोस काला `#2B2B2B`

- फिल: पारदर्शी या `#E8E6E3` (पृष्ठभूमि के समान)

- बॉर्डर त्रिज्या: पूर्ण ऊंचाई त्रिज्या (परफेक्ट पिल)

- पैडिंग: क्षैतिज रूप से 16-24px, ऊर्ध्वाधर रूप से 12-16px

- टेक्स्ट: पॉपिन्स रेगुलर, 20-24pt, `#2B2B2B`

**उपयोग:**

- एजेंडा स्लाइड पर नेविगेशन तत्व

- कॉल-टू-एक्शन बटन

- अनुभाग लेबल

- हमेशा रूपरेखा में होता है, कभी रंग से भरा नहीं होता।

**होवर/सक्रिय अवस्था (यदि इंटरैक्टिव हो):**

- भरें: `#5B7FFF` (नीला)

- पाठ: सफेद `#FFFFFF`

बॉर्डर: `#5B7FFF`

### सजावटी डॉट ग्रिड

**विशेष विवरण:**

- बिंदु: छोटे वृत्त, 3-4 पॉइंट व्यास के

- रंग: `#2B2B2B`

- पैटर्न: नियमित ग्रिड, 12-16px की दूरी

- व्यवस्था: 6×6 या 8×8 ग्रिड

- स्थान: ऊपरी दाएँ कोने में, किनारों से 100-150px की दूरी पर

- उपयोग: वैकल्पिक रूप से इस्तेमाल किया जा सकता है, बिना अधिक हावी हुए दृश्य आकर्षण बढ़ाता है।

### आइकन (न्यूनतम उपयोग)

**शैली:**

- केवल लाइन आर्ट, कोई फिल नहीं

- वजन: 2-3 प्वाइंट

- रंग: `#2B2B2B`

आकार: 48-64pt

- उदाहरण: आँख का आइकन (दृष्टि), लक्ष्य/क्रॉसहेयर (मिशन)

- उपयोग: सीमित मात्रा में, केवल विशिष्ट अवधारणाओं को सुदृढ़ करने के लिए।

## कैरेक्टर इलस्ट्रेशन सिस्टम

### चरित्र डिजाइन विनिर्देश

**बुनियादी संरचना:**

- एक साधारण सफेद मानव आकृति का न्यूनतम, हाथ से बनाया गया डूडल चित्र। आकृति का सिर गोल और लंबा है, आँखों के लिए दो छोटे काले बिंदु हैं, और एक नुकीली नाक है। इसमें कोई स्पष्ट उंगलियां या पैर की उंगलियां नहीं हैं। इसने गले में एक मोटा, लंबा, ठोस नीले रंग का स्कार्फ [वैकल्पिक: इसके स्थान पर 'सरसों सुनहरा स्कार्फ'] लपेटा हुआ है, जिसका सिरा नीचे की ओर लटक रहा है। कला शैली में मोटे, बनावट वाले काले मार्कर की रूपरेखा और सपाट रंगों का उपयोग किया गया है, जिसमें कोई शेडिंग नहीं है, और यह एक सादे, हल्के सफेद रंग की पृष्ठभूमि पर बनाया गया है। आकृति [संदर्भ के अनुसार उपयुक्त] है।

**नीला एक्सेंट (अत्यंत महत्वपूर्ण):**

- तत्व: स्कार्फ, कमीज़, या वस्त्र

- रंग: `#5B7FFF` (चमकीला नीला)

शैली: हाथ से खींची गई, प्रवाहमय जैविक आकृतियाँ

- कवरेज: अक्षर का 15-25%

उद्देश्य: ब्रांड पहचान, दृश्य आकर्षण, गति

**शैली में एकरूपता:**

- हमेशा हाथ से बनाए गए चित्रों जैसी गुणवत्ता (प्राकृतिक, अपूर्ण रेखाएं)

- हमेशा नीले रंग के एक्सेंट एलिमेंट को शामिल करें

सभी अक्षरों की पंक्ति मोटाई समान रखें।

- सभी मुद्राओं में अनुपात को एक समान बनाए रखें।

### न्यूनतम चित्रण दिशानिर्देश

**सरलता सर्वोपरि:**

सभी चित्रों को अत्यंत सरल और न्यूनतम रखें।

- अक्षर की ऊंचाई 120pt (स्लाइड की ऊंचाई का लगभग 10-12%) से अधिक नहीं होनी चाहिए।

- ज्यामितीय तत्व छोटे होने चाहिए और केवल कोनों तक ही सीमित होने चाहिए।

- स्लाइड के कुल क्षेत्रफल में चित्रों का कुल क्षेत्रफल 15% से कम होना चाहिए।

- जटिल या विस्तृत रेखाचित्रों से बचें

**जगह और सांस लेने की गुंजाइश:**

स्लाइड में पर्याप्त खाली जगह रखें।

- पाठ को विषय-सूची क्षेत्र का केवल 50-55% भाग ही घेरना चाहिए (आमतौर पर बाएँ भाग में)।

- देखने में पर्याप्त जगह के लिए दाहिनी ओर का हिस्सा लगभग खाली रहना चाहिए।

- सभी तरफ बड़े मार्जिन: न्यूनतम 100px, अधिमानतः 100-120px

- चित्र केवल निचले-दाएँ कोने तक ही सीमित होने चाहिए, किनारों से कम से कम 100px की दूरी पर।

**लेआउट संतुलन:**

स्लाइड का केंद्र साफ और खाली होना चाहिए।

- जगह को अनावश्यक वस्तुओं से भरने या अव्यवस्थित करने से बचें।

- ध्यान केंद्रित करने और स्पष्टता लाने के लिए खाली स्थान का रणनीतिक रूप से उपयोग करें।

- कम ही बेहतर है: अनावश्यक दृश्य तत्वों को हटा दें

- सजावट की बजाय पठनीयता और विशालता को प्राथमिकता दें।