ब्रांड गाइड
एक प्रतीक, एक हरा, एक स्वर।
Protocore का पूरा ब्रांड सिस्टम — लोगो, clearspace, रंग, टाइप, voice और नामकरण — एक पन्ने पर। यहीं पढ़ें या PDF ले जाएँ।
लोगो सिस्टम
मार्क लगाने के चार तरीके।
faceted core मार्क ही एकमात्र बनाई गई एसेट है। Lockup में नाम को उसके बगल में या नीचे Roboto Medium में रखा जाता है — इनमें से किसी को भी दोबारा न बनाएँ।
छोटे आकारों में अकेला — favicon, ऐप आइकन और हर उस जगह जहाँ नाम पढ़ने लायक नहीं रहेगा।
नाम के बगल में मार्क। डिफ़ॉल्ट विकल्प — हेडर, दस्तावेज़ और हस्ताक्षर के लिए।
नाम के ऊपर मार्क। वर्गाकार जगहों के लिए — सोशल कार्ड, टाइल और स्टैम्प।
ठोस रंग की 1024 px टाइल के बीच में मार्क। किसी भी प्लेटफ़ॉर्म पर प्रोफ़ाइल फ़ोटो के लिए।
क्लियरस्पेस और आकार
चारों ओर जगह, नीचे एक सीमा।
दो सख़्त संख्याएँ मार्क को हर जगह पढ़ने योग्य रखती हैं।
क्लियरस्पेस — चारों ओर मार्क की एक चौड़ाई के बराबर।
- क्लियरस्पेस
- मार्क की अपनी चौड़ाई, चारों ओर। इसके भीतर कुछ नहीं आता — न टेक्स्ट, न रेखाएँ, न पेज का किनारा।
- न्यूनतम ऊँचाई · डिजिटल
- 16 px। इससे छोटा होने पर स्पष्टता खो जाती है — तब केवल मार्क इस्तेमाल करें, लॉकअप कभी नहीं।
- न्यूनतम ऊँचाई · प्रिंट
- 6 mm।
रंग
पाँच रंग, तय भूमिकाएँ।
डिफ़ॉल्ट रूप से लगभग मोनोक्रोम। हरा रंग एक एक्सेंट है, थीम नहीं — यह कभी बड़े हिस्से नहीं भरता।
हल्की सतह पर टेक्स्ट। गहरी सतहें।
पेज की हल्की पृष्ठभूमि।
paper पर कार्ड। ink पर टेक्स्ट।
हरा रंग — केवल गहरी सतहों पर।
सफ़ेद पर एक्सेंट टेक्स्ट — लिंक और लेबल।
टाइपोग्राफ़ी
Roboto ही बात कहता है।
दो फ़ॉन्ट परिवार सब कुछ संभालते हैं। तीसरा टाइपफ़ेस नहीं, ज़ोर देने के लिए इटैलिक नहीं।
UI और हेडिंग — बॉडी के लिए 400, हेडिंग और लॉकअप के लिए 500, 700 कभी-कभार।
लेबल, आइब्रो और संख्याएँ — अपरकेस, चौड़ी ट्रैकिंग के साथ।
सेक्शन लेबल तीन स्लैश और एक स्पेस से शुरू होते हैं — Roboto Mono में, अपरकेस और चौड़ी ट्रैकिंग के साथ। स्लैश टाइप किए गए वर्ण हैं, बनाई हुई आकृति नहीं।
आवाज़ और लहजा
कम कहें, पूरे मन से कहें।
हेडलाइन से लेकर बटन लेबल तक, Protocore की हर पंक्ति पाँच नियमों से चलती है।
नामकरण
प्रोडक्ट परिवार का नाम साथ रखते हैं।
एक ही पैटर्न, बिना किसी अपवाद के।
- पहला उल्लेख
- पूरा नाम — “Protocore Pay”, “Protocore Gateway”। उसके बाद केवल प्रोडक्ट का नाम।
- PDS
- Protocore Design System का संक्षिप्त रूप। पहले उल्लेख में पूरा लिखें; उसके बाद PDS।
- कंपनी
- Protocore — एक शब्द, बड़ा P। ProtoCore, PROTOCORE या Proto Core कभी नहीं।
उपयोग
यह करें, वह नहीं।
प्रेस किट के नियम, पूरे सिस्टम तक विस्तृत।
- 01चारों ओर मार्क की चौड़ाई के बराबर खाली जगह छोड़ें।
- 02हल्की पृष्ठभूमि पर काला रूप और गहरी पृष्ठभूमि पर सफ़ेद रूप इस्तेमाल करें।
- 03एक्सेंट रूप को केवल ink (#0a0a0a) सतहों के लिए रखें।
- 04SVG फ़ाइलों से स्केल करें — मार्क हर आकार में तीखा रहता है।
- 05जगह वर्गाकार हो तो स्टैक्ड लॉकअप इस्तेमाल करें।
- 0616 px से कम ऊँचाई पर केवल मार्क इस्तेमाल करें।
- 01दिए गए वेरिएंट के अलावा मार्क का रंग न बदलें।
- 02मार्क को घुमाएँ नहीं, उसकी आउटलाइन न बनाएँ, और शैडो या दूसरे इफ़ेक्ट न जोड़ें।
- 03मार्क को दोबारा न बनाएँ और उसका अनुपात न बदलें।
- 04Protocore नाम को किसी और typeface में न लिखें — lockup में Roboto Medium इस्तेमाल होता है।
- 05एक्सेंट हरे रंग को सफ़ेद पर न रखें — वहाँ एक्सेंट टेक्स्ट के लिए #0e9e6e इस्तेमाल करें।
- 06मार्क को फ़ोटो या ग्रेडिएंट पर न रखें — केवल ठोस ink या paper पर।
फ़ाइलें
पूरा सिस्टम अपने साथ ले जाएँ।
गाइड PDF में, एसेट एक zip में। हर अलग फ़ाइल प्रेस पेज पर उपलब्ध है।