Five Dots / डिज़ाइन सिस्टम / v1.0

सभी कड़ियां जोड़ें।
पहचान बनाए रखें।

अनुमोदित वेबसाइट दिशा के लिए एक व्यावहारिक संदर्भ: आत्मविश्वासपूर्ण टाइपोग्राफी, एक नीला कनेक्टिंग पॉइंट, स्पष्ट उत्पाद कहानियां और उद्देश्यपूर्ण गति।

डिज़ाइनर PDF डाउनलोड करें (अंग्रेज़ी) · पूरा स्टाइल गाइड पढ़ें (अंग्रेज़ी) · टोकन डिज़ाइन करें · सामाजिक बैनर
01/पहचान

चार नींव। एक संपर्क बिंदु.

Five Dots
Five Dots

मार्क ज्यामिति फ़ेविकॉन से मेल खाती है। ये नमूने डीएम सैन्स के साथ निशान जोड़ते हैं। मौजूदा स्टैंडअलोन एसवीजी वर्डमार्क अभी भी एरियल का उपयोग करते हैं और बाहरी वितरण के लिए एक समीक्षा किए गए रूपरेखा संस्करण की आवश्यकता है।

लोगो डाउनलोड

आपकी अगली प्रोफ़ाइल के लिए तैयार हैं।

LinkedIn और अन्य प्रोफ़ाइल छवियों के लिए वर्गाकार PNG का उपयोग करें। दोनों निर्यात 1024 × 1024 पीएक्स हैं, वर्गाकार या गोलाकार फसलों के लिए पैडिंग के साथ। स्केलेबल डिज़ाइन कार्य के लिए एसवीजी का उपयोग करें।

पारदर्शी निशान

हल्की पृष्ठभूमि के लिए डाउनलोड चिह्न (एसवीजी)
डार्क बैकग्राउंड के लिए डाउनलोड मार्क (एसवीजी)

पूरे वर्डमार्क के लिए, डीएम सेन्स के साथ चिह्न को जोड़ें। पुराने फुल-लॉकअप एसवीजी में लाइव एरियल टेक्स्ट होता है और ये नए बाहरी काम के लिए पसंदीदा मास्टर नहीं हैं।

सामाजिक बैनर डाउनलोड

एक पहचान। हर चैनल.

LinkedIn कंपनी पेज, यूट्यूब और एक्स के लिए अपलोड करने के लिए तैयार बैनर। प्रत्येक लेआउट अनुमोदित लाइन "आपके AI में आपका RevOps सलाहकार" का उपयोग करता है। अपलोड करने के लिए पीएनजी डाउनलोड करें, या डिज़ाइन कार्य के लिए उल्लिखित एसवीजी डाउनलोड करें।

सभी बैनर डाउनलोड करें (ज़िप)

फोंट को संरक्षित करने के लिए एसवीजी लेटरिंग की रूपरेखा तैयार की गई है। प्रकाशन से पहले प्रत्येक प्लेटफ़ॉर्म के अपलोड पूर्वावलोकन में क्रॉप की पुष्टि करें। प्रारूप पढ़ें और नोट्स अपलोड करें.

02 / रंग

सांस लेने की जगह वाला नीला।

कागज#एफएएफबीएफई
स्याही#202733
मौन#526078
उच्चारण#3563ई9
एक्सेंटहोवर#254सीबीई
एक्सेंटलाइट#ई8ईएफएफ
पंक्ति#डीडीई3ईडी
सफेद#FFFFFF
उलटा पाठ#F5F7FC
उलटा एक्सेंट#82ए5एफएफ

कार्यों, सक्रिय अवस्थाओं और पांचवें बिंदु के लिए नीले रंग का उपयोग करें। बड़ी सतहों को पीला और टाइप को गहरा रखें। हरे ब्रांड के उच्चारण और नारंगी प्राथमिक बटन से बचें।

03 / टाइपोग्राफी
स्पष्ट सोच।
मानवीय अभिव्यक्ति।

DM Sans

प्राथमिक शीर्षक, मुख्य भाग और इंटरफ़ेस। मजबूत पदानुक्रम, मध्यम वजन और उदार रेखा ऊंचाई।

न्यूज़रीडर इटैलिक

शीर्षकों के भीतर संक्षिप्त संपादकीय जोर।

आईबीएम प्लेक्स मोनो

चरण, अनुभाग लेबल और छोटे तकनीकी विवरण।

नए घटकों के लिए: 16पीएक्स बॉडी, 14पीएक्स सेकेंडरी, कम से कम 12पीएक्स आवश्यक सहायक प्रति। प्रपत्रों में छोटे डेमो लेबल्स को इनहेरिट न करें।

04 / घटक

अगला चरण स्पष्ट करें।

आपके AI सहायक में आपका RevOps सलाहकार।

एक स्पष्ट प्राथमिक क्रिया को एक शांत विकल्प के साथ जोड़ें।

प्राथमिक क्रिया ↗ द्वितीयक क्रिया ↗

नमूना बटन इस गाइड के भीतर नेविगेट करते हैं। 50px ऊँचाई · 7px त्रिज्या · 13px लेबल। कार्ड 12-14px त्रिज्या का उपयोग करते हैं; प्रमुख अनुभाग पैनल 18px का उपयोग करते हैं।

05 / लय और गति

समझने की जगह।

  • 1240px सामग्री आवरण; 100px डेस्कटॉप अनुभाग रिक्ति।
  • संकीर्ण स्क्रीन के लिए कॉलम संक्षिप्त करें; आम तौर पर 55-65px मोबाइल अनुभाग रिक्ति।
  • लय बदलने के लिए खुले, पीले और गहरे खंडों का उपयोग करें।
  • हीरो सीधे समस्या में बह जाता है।

एक उद्देश्य के साथ गति।

  • नायक की कहानी: प्रति चरण 5 सेकंड।
  • क्लाइंट लोगो: 25-सेकंड निरंतर लूप।
  • होवर/फ़ोकस पर रुकें और धीमी गति का सम्मान करें।
  • एनिमेशन के पीछे कभी भी आवश्यक जानकारी न छिपाएं।
06 / पुन: उपयोग

जानबूझकर प्रणाली का विस्तार करें।

प्रत्येक भविष्य की अनुशंसा में उपयोगकर्ता की आवश्यकता, मौजूदा पैटर्न का पुन: उपयोग, मोबाइल व्यवहार और पहुंच संबंधी निहितार्थ बताए जाने चाहिए। नए रंगों, टाइपफेस और लोगो उपचार के लिए जानबूझकर ब्रांड निर्णय की आवश्यकता होती है।

यह संदर्भ अनुमोदित निर्देश का दस्तावेजीकरण करता है। प्रस्तावित पुन: उपयोग मानक और शेष सीएसएस/परिसंपत्ति विसंगतियां पूरी गाइड में सूचीबद्ध हैं; यह एक सुगम्यता प्रमाणन नहीं है.