आधार
आधार इंटरफेस को पहचानने योग्य बनाते हैं, बिना हर पृष्ठ को अभियान पोस्टर बनाए।
- संस्करण
- 4.0
- स्थिति
- सार्वजनिक मानक
समान दहलीज़ की पहचान
दो समान पट्टियाँ एक खुली सीमा से होकर गुजरती हैं: बराबरी दरवाज़े के बाहर इंतज़ार नहीं करती। यह चिह्न सीधा, नागरिक और छोटे फ़ेविकॉन आकार पर भी स्पष्ट है; यह महिलाओं को किसी प्रतीक या रूढ़ि में नहीं समेटता।
- 01
पहचान
अंग्रेज़ी पृष्ठ पर समान दहलीज़ चिह्न के साथ अंग्रेज़ी नाम और हिंदी पृष्ठ पर हिंदी नाम रखें। इसकी दो समान पट्टियाँ एक खड़ी सीमा को खोलती हैं; इसकी ज्यामिति, खाली जगह और निर्धारित मुलबेरी, स्याही व कागज़ रंग सुरक्षित रखें। दोनों भाषाओं को एक सजावटी शब्दचिह्न में न मिलाएँ।
- 02
रंग
गर्म तटस्थ आधार और अर्थपूर्ण सहायक रंग। सेज देखभाल, इंडिगो सीखने और कानून, मुलबेरी बदलाव और मुख्य कार्रवाई दिखाता है; लाल केवल तत्काल खतरे या गंभीर त्रुटि के लिए है।
- 03
पृष्ठ रूप
देखभाल, सीखने और बदलाव के पृष्ठ अलग कैनवास, रंग और प्रवेश प्राथमिकताएँ रखते हैं। रंग अर्थ के अनुसार बदलता है, क्रम या सजावट के अनुसार नहीं।
- 04
टाइपोग्राफी
अंग्रेज़ी शीर्षकों के लिए Newsreader, अंग्रेज़ी मुख्य पाठ के लिए Source Sans 3, हिंदी शीर्षकों के लिए Noto Serif Devanagari और हिंदी मुख्य पाठ के लिए Mukta। 18 / 20 / 22 पाठ आकार पर भी देवनागरी शीर्षकों की पंक्ति-ऊँचाई 1.4 से कम नहीं होती। सामान्य वाक्य शैली, बड़े अक्षरों की भरमार नहीं, मोनोस्पेस नहीं, हिंदी में अक्षर-अंतर नहीं।
- 05
स्क्रॉल और ओवरफ़्लो
पूरा पृष्ठ कभी दाएँ-बाएँ नहीं खिसकता। वास्तविक पृष्ठ, मेन्यू, नेविगेशन और तालिका स्क्रॉलर एक ही स्पष्ट उच्च-कंट्रास्ट ट्रैक और थंब इस्तेमाल करते हैं, पॉइंटर और कीबोर्ड से चलते हैं, फ़ोर्स्ड-कलर सिस्टम नियंत्रण बचाए रखते हैं और ओवरफ़्लो की गड़बड़ी कभी नहीं छिपाते।
- 06
ग्रिड और दूरी
12 / 8 / 4 कॉलम, साइट की अधिकतम चौड़ाई 1376px, पढ़ने की चौड़ाई 704px और उद्देश्य के अनुसार बदलती भाग दूरी। सीमा रेखाओं से अधिक खाली जगह और रंग-क्षेत्र पदानुक्रम बनाते हैं।
- 07
दृश्य सामग्री और चित्रण
वर्तमान संस्करण जानबूझकर छवि-रहित है। भविष्य में कोई छवि केवल अलग मानवीय स्वीकृति प्रक्रिया, सहमति, स्रोत और पीढ़ियों के प्रतिनिधित्व के साथ जोड़ी जाएगी। हानि का मंचन कभी न करें।
- 08
आइकनोग्राफी
आइकन कार्रवाई या स्थिति स्पष्ट करते हैं और जरूरी अर्थ के साथ हमेशा पाठ लेबल होता है। सामान्य गोल निशान, मुट्ठी, ढाल या सजावटी प्रतीक नहीं।
- 09
गति
150–220ms की गति केवल स्थिति, प्रतिक्रिया या दिशा समझाने के लिए है। कम गति की पसंद इसे हटा देती है और संवेदनशील पृष्ठ इसके बिना भी काम करते हैं।
- 10
भाषा
पहले वायरफ्रेम से ही अंग्रेज़ी और हिंदी साथ बनाएँ। हिंदी को छोटा न करें, पंक्ति-विराम न थोपें और दोनों भाषाओं को एक बिना लेबल वाले अनुच्छेद में न रखें।
मानक टोकन
रंग
गर्म कैनवास #F6F1E9मुख्य पृष्ठभूमि
मुलायम कैनवास #EEE7DDवैकल्पिक संपादकीय क्षेत्र
कागज़ #FFFDF9पढ़ने के क्षेत्र और नियंत्रण
गहरा ऑबर्जिन #211A20मुख्य पाठ और नागरिक मास्टहेड
हल्का गहरा पाठ #625A5Eसहायक पाठ
संपादकीय रेखा #CFC4BBविभाजन और घटक सीमा
ब्रांड कोरल #C52D57पहचान और मुख्य कार्रवाई
गहरा कोरल #8F1738होवर और चयनित स्थिति
नागरिक नीला #3F4F87लिंक और कानूनी जानकारी
सहायता सेज #42675Cसहायता, मार्गदर्शन और आश्वासन
गर्म हाइलाइट #F1AD62छोटा संपादकीय जोर
आपात लाल #B42318केवल तत्काल खतरा और गंभीर त्रुटि
एक स्क्रीन में दो से अधिक सहायक रंग न लें। आपात लाल केवल तत्काल खतरे के लिए है; कानूनी या सुरक्षा अर्थ केवल रंग से कभी न बताएँ।
टाइपोग्राफी
न्यूज़रीडर अंग्रेज़ी शीर्षकों को संपादकीय गरिमा देता है और सोर्स सैन्स 3 मुख्य पाठ व इंटरफेस को सीधा रखता है। नोटो सेरिफ़ देवनागरी और मुक्ता हिंदी को वही अभिव्यंजक पदानुक्रम, स्वाभाविक पंक्ति-ऊँचाई और बिना अक्षर-अंतर के देते हैं।
| भूमिका | डेस्कटॉप | मोबाइल | वज़न |
|---|---|---|---|
| संपादकीय डिस्प्ले | 44–86/42–83 | 39–76/44–86 | 600 |
| पृष्ठ शीर्षक | 37–59/38–61 | 37–54/38–55 | 600 |
| भाग शीर्षक | 30–42/32–45 | 30–42/32–45 | 600 |
| उपभाग शीर्षक | 23–29/27–34 | 23–29/27–34 | 600 |
| परिचय पाठ | 20/32 | 20/32 | 400 |
| मुख्य पाठ | 18/29 | 18/29 | 400 |
| नेविगेशन | 16/24 | 16/24 | 600 |
| सहायक पाठ | 16/25 | 16/25 | 400 |
| स्रोत विवरण | 15/23 | 15/23 | 400 |
दूरी
4 · 8 · 12 · 16 · 24 · 32 · 48 · 64 · 96 · 128
भागों की दूरी: डेस्कटॉप 80–96px, टैबलेट 64–72px, मोबाइल 48–56px।
आकार और गहराई
- मुख्य नियंत्रण: 3px
- अधिकतम नियंत्रण घुमाव: 6px
- सामग्री पैनल: 0px
- विभाजन रेखाएँ और कंट्रास्ट पदानुक्रम बनाते हैं। कोई सजावटी छाया नहीं; मेन्यू अपारदर्शी क्षेत्र और स्पष्ट सीमा उपयोग करते हैं।