ब्रांड
Tanrei का नाम, उसके दो चिह्न और उन्हें इस्तेमाल करने का तरीक़ा, और वह स्वभाव जिससे सिस्टम बनाया जाता है।
Tanrei (端麗) का अर्थ है साफ़ और सुगठित। यह नाम ही सिस्टम का सार है: ऐसे इंटरफ़ेस जो शांत, सटीक और पढ़ने में आसान हों, हर उस प्लैटफ़ॉर्म पर जिस पर कोई प्रॉडक्ट शिप होता है। Tanrei एक स्वतंत्र प्रोजेक्ट है।
Tanrei के दो चिह्न हैं, और एक समय में एक ही इस्तेमाल होता है।
सिंबल और वर्डमार्क
सिंबल, लाइट
सिंबल, डार्क
वर्डमार्क, लाइट
वर्डमार्क, डार्क
- सिंबल Shippori Mincho का T है, जिसके कोने नरम किए गए हैं। इसे सिर्फ़ वहाँ इस्तेमाल किया जाता है जहाँ चौकोर या गोल आकार ज़रूरी हो — favicon, ऐप का आइकन, किसी एसेट पर वॉटरमार्क जैसे डिज़ाइन फ़ाइल के कोने की सजावट — या हल्के-फुल्के प्रचार और सजावट के लिए।
- वर्डमार्क सिंबल का T है जिसके बाद Outfit SemiBold में लिखा “anrei” आता है, एक ही ड्रॉइंग के रूप में। जहाँ भी नाम पढ़ा जाता है, वहाँ यही Tanrei का लोगो है: इस साइट का हेडर (हर चौड़ाई पर), कवर, पेज का शीर्षक, शेयर किए गए लिंक की इमेज।
एक समय में एक ही चिह्न, और सिंबल व वर्डमार्क का लॉकअप कभी नहीं: यह Tanrei का अपने चिह्नों के लिए अपना नियम है। ऐप बार ख़ुद किसी प्रॉडक्ट को अपना लोगो उसी तरह दिखाने देता है जैसे उस लोगो को चाहिए, लॉकअप समेत।
सिंबल अपने चौकोर फ़्रेम के बीच से थोड़ा नीचे रखा गया है। यह एक दृष्टिगत सुधार है: T का वज़न ऊपर होता है, और थोड़ा नीचे रखने से वह बीच में दिखता है।
दोनों चिह्न एक ही रंग, sys.color.on-surface, में उस सरफ़ेस पर बनाए जाते हैं जिस पर वे रखे हैं। रंग ड्रॉइंग का हिस्सा नहीं बल्कि एक टोकन है, इसलिए चिह्न लाइट और डार्क स्कीम और कंट्रास्ट के हर स्तर के साथ चलते हैं। हर इस्तेमाल on-surface लेता है: इस साइट का हेडर अपने वर्डमार्क को comp.app-bar.brand.color से रंगता है, जो on-surface है।
खाली जगह
हर तरफ़ इंक की ऊँचाई का एक चौथाई
सिंबल के हर तरफ़ उसकी ऊँचाई का एक चौथाई ख़ाली रखें। इसे फ़्रेम से नहीं, इंक से नापें। वर्डमार्क के चारों ओर उसकी x-हाइट का आधा ख़ाली रखें। उस जगह में और कुछ नहीं आता: न टेक्स्ट, न कोई दूसरा चिह्न, न स्क्रीन का किनारा।
न्यूनतम आकार
सिंबल: 24 px का फ़्रेम
वर्डमार्क: 24 px का कैपिटल
सिंबल को कभी 24 px के फ़्रेम से छोटा न बनाएँ, और वर्डमार्क को कभी ऐसे न बनाएँ कि उसका कैपिटल अक्षर 24 px से कम ऊँचा हो।
सिर्फ़ favicon इसका अपवाद है, क्योंकि ब्राउज़र उसे 16 px पर बनाता है। यह एक ही SVG है। उसके साथ की ICO और PNG फ़ाइलें उसी इमेज को उन आकारों में बनाती हैं जो ब्राउज़र माँगते हैं; वे कोई दूसरा डिज़ाइन नहीं हैं। 16 px पर उसके किनारे नरम पड़ जाते हैं, और यह स्वीकार है।
न करें
दूसरे रंग में रंगा हुआ
आउटलाइन बनाया हुआ
खींचा हुआ
वर्डमार्क के बगल में सिंबल
सिंबल के बगल में लिखा नाम
- एक समय में एक ही चिह्न इस्तेमाल करें: जहाँ भी नाम पढ़ा जाता है वहाँ वर्डमार्क, सिंबल सिर्फ़ वहाँ जहाँ चौकोर या गोल आकार ज़रूरी हो।
- चिह्न को on-surface में, उस स्कीम के सरफ़ेस पर बनाएँ जिसमें वह है।
- जहाँ प्लैटफ़ॉर्म को अपारदर्शी आइकन चाहिए, जैसे होम स्क्रीन या रास्टर favicon, वहाँ सिंबल को लाइट स्कीम के सरफ़ेस पर रखें। वह चौकोर प्लैटफ़ॉर्म का है, चिह्न का हिस्सा नहीं।
- सिंबल को उसके फ़्रेम में वहीं रहने दें जहाँ वह है। उसे फ़्रेम के बीच में न ले जाएँ।
- किसी चिह्न का रंग न बदलें, और उसमें ग्रेडिएंट, आउटलाइन, शैडो या पीछे कोई आकृति न जोड़ें।
- किसी चिह्न को न खींचें, न घुमाएँ, न काटें।
- सिंबल और वर्डमार्क को जोड़कर लॉकअप न बनाएँ, और सिंबल के बगल में नाम टेक्स्ट में न लिखें।
- वर्डमार्क को किसी दूसरे टाइपफ़ेस में दोबारा न लिखें। उसकी ड्रॉइंग इस्तेमाल करें।
- 端麗 अक्षरों को चिह्न की तरह इस्तेमाल न करें। वे डिज़ाइन फ़ाइल के कवर की सजावट हैं, पहचान का हिस्सा नहीं।
ब्रांड यह भी है कि सिस्टम दिखता कैसे है।
सरफ़ेस लगभग मोनोक्रोम हैं और बॉर्डर एक पिक्सल की बारीक रेखाएँ हैं, इसलिए स्क्रीन पर सबसे रंगीन चीज़ प्रॉडक्ट का कॉन्टेंट होता है। मुख्य क्रिया सफ़ेद पर काली या काले पर सफ़ेद है। एक अकेला नीला ऐक्सेंट मौजूद है, और वह उस एक चीज़ के लिए सुरक्षित है जो फ़ौरन मिलनी चाहिए: कीबोर्ड की फ़ोकस रिंग। लिंक अपनी अंडरलाइन से पहचाना जाता है और चुना हुआ आइटम प्राइमरी रंग से, इसलिए स्क्रीन पर और कुछ भी नीला नहीं होता।
हायरार्की भारी शैडो या टिंट वाले पैनल से नहीं, बल्कि अलाइनमेंट, स्पेसिंग और बारीक रेखाओं से बनती है। एलिवेशन एक रिंग और बहुत नरम शैडो है।
डिफ़ॉल्ट संयमित है। अभिव्यक्ति वाले चुनाव, जैसे भारी एम्फ़ेसिस स्टेप, बड़े और ज़्यादा स्मूद कोने और ज़्यादा स्प्रिंग वाला मोशन, उसी संरचना पर ऊपर से रखे गए अतिरिक्त टोकन हैं, कभी उसकी अलग शाखा नहीं।
Tanrei का कोड और डॉक्यूमेंटेशन Apache License 2.0 के तहत लाइसेंस किए गए हैं। लाइसेंस की धारा 6 लाइसेंसर के नाम, ट्रेडमार्क या प्रॉडक्ट के नाम इस्तेमाल करने की अनुमति नहीं देती, सिवाय यह बताने के कि काम कहाँ से आया है और NOTICE फ़ाइल को दोहराने के।
- आप टेक्स्ट में कह सकते हैं कि आपका काम Tanrei इस्तेमाल करता है या उससे बना है।
- सिंबल और वर्डमार्क Tanrei Authors के हैं और दूसरों को लाइसेंस नहीं किए गए हैं। उन्हें अपने प्रॉडक्ट में, अपने पैकेज के नाम या आइकन में, या ऐसे किसी भी तरीक़े से इस्तेमाल न करें जिससे लगे कि आपका काम Tanrei है या Tanrei उसका समर्थन करता है।