2Slides लोगो
Preview

GitHub 2026 ब्रांड दिशानिर्देश

89 स्लाइड

GitHub 2026 ब्रांड दिशानिर्देश - व्यापक दृश्य पहचान प्रणाली जिसमें ब्रांड विशेषताएँ, लोगो, उप-ब्रांडिंग, सह-ब्रांडिंग, चित्रण, रंग, शुभंकर, आइकन, आरेख, टाइपोग्राफी, लेआउट और अनुभवात्मक डिज़ाइन शामिल हैं

10 लाइक
0 डाउनलोड

त्वरित नेविगेशन

टैग

ब्रांड दिशानिर्देश
GitHub
डिज़ाइन सिस्टम
विज़ुअल आइडेंटिटी
टेक ब्रांड

स्लाइड साझा करें

विवरण

मुख्य विषय

GitHub 2026 ब्रांड दिशानिर्देश - व्यापक दृश्य पहचान प्रणाली जिसमें ब्रांड विशेषताएँ, लोगो, उप-ब्रांडिंग, सह-ब्रांडिंग, चित्रण, रंग, शुभंकर, आइकन, आरेख, टाइपोग्राफी, लेआउट और अनुभवात्मक डिज़ाइन शामिल हैं

मुख्य लाभ

  • •दुनिया के सबसे अधिक मान्यता प्राप्त डेवलपर प्लेटफॉर्म में से एक से 89-पृष्ठ की पूरी ब्रांड पहचान प्रणाली
  • •चार मुख्य भाग: ब्रांड विज़ुअल रणनीति, विज़ुअल और इलस्ट्रेशन, ग्राफिक डिवाइस और इवेंट और एक्सपीरियंशियल
  • •Copilot, Security, Actions, Spark और अन्य उत्पादों के लिए विस्तृत उप-ब्रांडिंग आर्किटेक्चर
  • •आइसोमेट्रिक हरे क्यूब्स, कॉन्ट्रिब्यूशन ग्राफ़ मोटिफ और डिथरिंग टेक्सचर वाली रिच 3D इलस्ट्रेशन प्रणाली
  • •विस्तृत उपयोग दिशानिर्देशों और 3D रेंडर के साथ तीन प्यारे शुभंकर पात्र (Mona, Copilot, Duckie)

लक्षित दर्शक

  • •टेक कंपनियों में ब्रांड डिज़ाइनर और क्रिएटिव डायरेक्टर
  • •स्केलेबल ब्रांड पहचान फ्रेमवर्क बनाने वाले डिज़ाइन सिस्टम आर्किटेक्ट
  • •डेवलपर-केंद्रित ब्रांड अनुभव बनाने वाली मार्केटिंग टीमें
  • •सम्मेलन बूथ और अनुभवात्मक एक्टिवेशन की योजना बनाने वाले इवेंट डिज़ाइनर
  • •विश्व स्तरीय ब्रांड दिशानिर्देश दस्तावेज़ीकरण का अध्ययन करने वाले डिज़ाइन छात्र

उपयोग के मामले

  • •टेक कंपनियों के लिए ब्रांड दिशानिर्देश टेम्पलेट और संरचनात्मक संदर्भ
  • •डिज़ाइन सिस्टम दस्तावेज़ीकरण सर्वोत्तम अभ्यास
  • •उप-ब्रांडिंग और उत्पाद आर्किटेक्चर रणनीति संदर्भ
  • •डेवलपर सम्मेलनों के लिए इवेंट और अनुभवात्मक डिज़ाइन प्रेरणा
  • •टाइपोग्राफी, कलर सिस्टम और आइकन लाइब्रेरी स्पेसिफिकेशन संदर्भ

अद्वितीय मूल्य प्रस्ताव

  • •आत्मविश्वासी एंटरप्राइज़ ब्रांडिंग के साथ nerdy डेवलपर संस्कृति को संतुलित करने में मास्टरक्लास
  • •पांच ब्रांड विशेषताएँ (Nerdy, Confident, Authentic, Imaginative, Empathetic) प्रत्येक में कॉपी, डिज़ाइन और अनुभव दिशानिर्देशों के साथ
  • •अभिनव कॉन्ट्रिब्यूशन ग्राफ़ इलस्ट्रेशन प्रणाली जो एक UI तत्व को पूर्ण ब्रांड विज़ुअल भाषा में बदल देती है
  • •ब्रांड मार्क, उप-ब्रांड लॉकअप, उत्पाद आइकन और विस्तारित लॉकअप के बीच चयन करने के लिए व्यापक मार्क पदानुक्रम निर्णय ट्री
  • •बूथ स्तर, प्रकाश व्यवस्था, सामग्री और इंटरैक्टिव इंस्टॉलेशन दिशानिर्देशों के साथ विस्तृत अनुभवात्मक डिज़ाइन अनुभाग

स्लाइड पृष्ठ (89)

प्रत्येक स्लाइड पृष्ठ का विस्तृत दृश्य, लेआउट, मुख्य सामग्री और दृश्य तत्वों सहित।

पृष्ठ 1
title slide

कवर - 2026 ब्रांड दिशानिर्देश

सामग्री

GitHub लोगो, 2026 Brand Guidelines टाइटल, प्रोडक्ट आइकॉन वाले 3D आइसोमेट्रिक ग्रीन क्यूब्स और Mona मैस्कॉट के साथ कवर

लेआउट संरचना

बाईं ओर बड़े ब्लैक टाइपोग्राफी के साथ लाइट ग्रेडिएंट बैकग्राउंड, दाईं ओर 3D इलस्ट्रेशन

मुख्य दृश्य तत्व

  • •3D आइसोमेट्रिक ग्रीन क्यूब्स
  • •Mona मैस्कॉट
  • •प्रोडक्ट आइकॉन
  • •GitHub Invertocat लोगो
पृष्ठ 2
table of contents

विषय-सूची

सामग्री

चार सेक्शन: Brand Visual Strategy, Visuals and Illustration, Graphic Devices, Events and Experiential

लेआउट संरचना

हरी लाइनों से अलग किए गए चार क्वाड्रंट्स के साथ डार्क बैकग्राउंड

मुख्य दृश्य तत्व

  • •डार्क ग्रीन बैकग्राउंड
  • •ग्रीन एक्सेंट लाइन्स
  • •मोनोस्पेस टाइपोग्राफी
पृष्ठ 3
section divider

ब्रांड विशेषताएँ - अनुभाग विभाजक

सामग्री

सेक्शन टाइटल: Brand Attributes

लेआउट संरचना

बड़े सफेद टेक्स्ट बॉटम-लेफ्ट के साथ फुल डार्क बैकग्राउंड

मुख्य दृश्य तत्व

  • •डार्क बैकग्राउंड
  • •ओवरसाइज़्ड व्हाइट टाइपोग्राफी
पृष्ठ 4
brand attributes

ब्रांड विशेषताएँ अवलोकन

सामग्री

आइकॉन के साथ पांच ब्रांड एट्रिब्यूट: Nerdy, Confident, Authentic, Imaginative, Empathetic

लेआउट संरचना

स्प्लिट: बाईं ओर इंट्रो टेक्स्ट, दाईं ओर डार्क बैकग्राउंड पर पांच एट्रिब्यूट रो

मुख्य दृश्य तत्व

  • •पांच कस्टम एट्रिब्यूट आइकॉन
  • •डार्क बैकग्राउंड
  • •ग्रीन एक्सेंट लाइन
पृष्ठ 5
brand attributes

ब्रांड विशेषताएँ अनुप्रयोग

सामग्री

एट्रिब्यूट कैसे लागू होते हैं: GitHub Universe, Copilot, Shop, Enterprise कॉन्टेक्स्ट

लेआउट संरचना

एट्रिब्यूट टैग और डिस्क्रिप्शन वाले चार फोटो कार्ड

मुख्य दृश्य तत्व

  • •Universe इवेंट फोटो
  • •Copilot UI
  • •Shop मर्चेंडाइज
  • •Enterprise विजुअल
पृष्ठ 6
brand attributes

Nerdy - दृश्य उदाहरण

सामग्री

Nerdy एट्रिब्यूट: उदाहरणों के साथ पैशनेट, इंजीनियर, टेक्निकल

लेआउट संरचना

एट्रिब्यूट डेफिनिशन टॉप-लेफ्ट, फुल विड्थ में फैले चार फोटो उदाहरण

मुख्य दृश्य तत्व

  • •Nerdy आइकॉन
  • •कस्टम कीकैप्स
  • •ASCII आर्ट
  • •स्पेस इलस्ट्रेशन
  • •CEO बैज
पृष्ठ 7
brand guidelines

Nerdy - अनुप्रयोग दिशानिर्देश

सामग्री

कॉपी: सटीक, टेक्निकल। डिज़ाइन: मोनोस्पेस, ग्रिड। एक्सपीरियंस: डीप कंटेंट, वर्कशॉप

लेआउट संरचना

स्प्लिट: बाईं ओर एट्रिब्यूट इंट्रो, दाईं ओर तीन गाइडलाइन सेक्शन

मुख्य दृश्य तत्व

  • •मोनोस्पेस सेक्शन हेडर
  • •Copy/Design/Experiences कैटेगरी
पृष्ठ 8
brand attributes

Confident - दृश्य उदाहरण

सामग्री

Confident एट्रिब्यूट: उदाहरणों के साथ एम्बिशियस, भरोसेमंद, इंटेलिजेंट

लेआउट संरचना

एट्रिब्यूट डेफिनिशन टॉप-लेफ्ट, पांच फोटो/इलस्ट्रेशन उदाहरण

मुख्य दृश्य तत्व

  • •कीनोट स्टेज फोटो
  • •Issues UI
  • •Universe बूथ
  • •3D मैस्कॉट्स
पृष्ठ 9
brand guidelines

Confident - अनुप्रयोग दिशानिर्देश

सामग्री

कॉपी: स्पष्ट, आधिकारिक। डिज़ाइन: रंगीन, आकर्षक। एक्सपीरियंस: वादों को पूरा करें

लेआउट संरचना

स्प्लिट: बाईं ओर एट्रिब्यूट इंट्रो, दाईं ओर तीन गाइडलाइन सेक्शन

मुख्य दृश्य तत्व

  • •क्लीन टेक्स्ट लेआउट
  • •मोनोस्पेस हेडर
पृष्ठ 10
brand attributes

Authentic - दृश्य उदाहरण

सामग्री

Authentic एट्रिब्यूट: उदाहरणों के साथ भरोसेमंद, वाइब्रेंट, ब्राइट

लेआउट संरचना

एट्रिब्यूट डेफिनिशन टॉप-लेफ्ट, पांच फोटो उदाहरण

मुख्य दृश्य तत्व

  • •GitHub प्रोफ़ाइल स्क्रीनशॉट
  • •स्टिकर बम
  • •पिक्सेल आर्ट
  • •नियॉन UI
पृष्ठ 11
brand guidelines

Authentic - अनुप्रयोग दिशानिर्देश

सामग्री

कॉपी: संवादात्मक, सरल। डिज़ाइन: स्वच्छ, अभिव्यंजक। अनुभव: बातचीत को प्रोत्साहित करें

लेआउट संरचना

विभाजित: विशेषता परिचय बाएँ, तीन दिशानिर्देश अनुभाग दाएँ

मुख्य दृश्य तत्व

  • •स्वच्छ टेक्स्ट लेआउट
पृष्ठ 12
brand attributes

Imaginative - दृश्य उदाहरण

सामग्री

कल्पनाशील विशेषता: चंचल, परिवर्तनकारी, उदाहरणों के साथ अनुकूलनीय

लेआउट संरचना

विशेषता परिभाषा ऊपर-बाएँ, तीन बड़ी तस्वीरें

मुख्य दृश्य तत्व

  • •Mona इलस्ट्रेशन
  • •3D एक्सप्लोजन आर्ट
  • •Universe Central प्रवेश द्वार
पृष्ठ 13
brand guidelines

Imaginative - अनुप्रयोग दिशानिर्देश

सामग्री

कॉपी: महत्वाकांक्षी। डिज़ाइन: सम्मेलनों को तोड़ें। अनुभव: स्थानों को बदलें

लेआउट संरचना

विभाजित: विशेषता परिचय बाएँ, तीन दिशानिर्देश अनुभाग दाएँ

मुख्य दृश्य तत्व

  • •स्वच्छ टेक्स्ट लेआउट
पृष्ठ 14
brand attributes

Empathetic - दृश्य उदाहरण

सामग्री

सहानुभूतिक विशेषता: सुलभ, आपस में जुड़ा हुआ, उदाहरणों के साथ व्यावहारिक

लेआउट संरचना

विशेषता परिभाषा ऊपर-बाएँ, तस्वीरें और रंग स्वाच

मुख्य दृश्य तत्व

  • •हरा/लाल रंग स्केल
  • •विविध टीम फोटो
  • •RKO 26 इवेंट आर्क
पृष्ठ 15
brand guidelines

Empathetic - अनुप्रयोग दिशानिर्देश

सामग्री

कॉपी: एक्सेसिबिलिटी पहले। डिज़ाइन: कंट्रास्ट, संदर्भ। अनुभव: स्पष्ट वेफाइंडिंग, विविध वक्ता

लेआउट संरचना

विभाजित: विशेषता परिचय बाएँ, तीन दिशानिर्देश अनुभाग दाएँ

मुख्य दृश्य तत्व

  • •स्वच्छ टेक्स्ट लेआउट
पृष्ठ 16
section divider

लोगो - अनुभाग विभाजक

सामग्री

अनुभाग शीर्षक: लोगो

लेआउट संरचना

पूरा गहरा बैकग्राउंड, नीचे-बाएँ में बड़ा सफ़ेद टेक्स्ट, PG 15

मुख्य दृश्य तत्व

  • •गहरा बैकग्राउंड
  • •ओवरसाइज़्ड सफ़ेद लोगो टेक्स्ट
पृष्ठ 17
logo specification

लोगो - Invertocat अवलोकन

सामग्री

प्राइमरी लोगो इन्वर्टोकेट (मोना द ऑक्टोकेट) है। 25% क्लियर स्पेस नियम

लेआउट संरचना

विभाजित: स्पेसिंग डायग्राम के साथ बाएँ ओर विवरण, दाएँ ओर बड़ा इन्वर्टोकेट मार्क

मुख्य दृश्य तत्व

  • •बड़ा इन्वर्टोकेट मार्क
  • •1.0X/0.25X स्पेसिंग डायग्राम
पृष्ठ 18
logo specification

लोगो - वर्डमार्क लॉकअप

सामग्री

बाहरी उपयोग के लिए पूरा GitHub लोगो (इन्वर्टोकेट + वर्डमार्क)। 50% ऊंचाई क्लियर स्पेस

लेआउट संरचना

बाएँ ओर विवरण, केंद्र में बड़ा GitHub वर्डमार्क लॉकअप

मुख्य दृश्य तत्व

  • •GitHub वर्डमार्क लॉकअप
  • •क्लियर स्पेस डायग्राम
पृष्ठ 19
logo specification

लोगो - प्लेसमेंट

सामग्री

लोगो प्लेसमेंट: प्रमुख लेकिन प्रधान नहीं। पूरा लोगोटाइप, सोलो इन्वर्टोकेट, कॉर्नर प्लेसमेंट

लेआउट संरचना

ग्रिड ओवरले के साथ तीन प्लेसमेंट उदाहरण

मुख्य दृश्य तत्व

  • •तीन ग्रिड ओवरले उदाहरण
  • •हरी/पीली गाइड लाइनें
पृष्ठ 20
logo specification

लोगो - रंग

सामग्री

लाइट, लाइट ग्रे, डार्क थीम में प्राइमरी/सेकेंडरी/एक्सेंट रंगों के साथ लोगो रंग वेरिएंट

लेआउट संरचना

नौ लोगो रंग वेरिएंट दिखाने वाली तीन-पंक्ति ग्रिड

मुख्य दृश्य तत्व

  • •नौ लोगो वेरिएंट
  • •तीन बैकग्राउंड थीम
  • •हरा एक्सेंट
पृष्ठ 21
logo specification

लोगो - असफल उदाहरण

सामग्री

क्या नहीं करना है: क्रॉपिंग, ओवरले, रंगीन लोगो, बदले हुए अनुपात, प्रभाव, रोटेशन

लेआउट संरचना

लाल निषेध आइकन के साथ छह निषिद्ध उदाहरण

मुख्य दृश्य तत्व

  • •छह लाल निषेध उदाहरण
पृष्ठ 22
brand guidelines

ब्रांड टैगलाइन - Let's build <3

सामग्री

टैगलाइन का उपयोग: स्टैंडअलोन और Invertocat लॉकअप के साथ। केवल रणनीतिक प्लेसमेंट

लेआउट संरचना

बाएं ओर विवरण, दाईं ओर कई टैगलाइन लेआउट वेरिएंट

मुख्य दृश्य तत्व

  • •Let's build <3 वेरिएंट
  • •हरा दिल प्रतीक
पृष्ठ 23
section divider

उप-ब्रांडिंग - अनुभाग विभाजक

सामग्री

सेक्शन टाइटल: सब-ब्रांडिंग

लेआउट संरचना

बड़े सफेद टेक्स्ट बॉटम-लेफ्ट, PG 23 के साथ फुल डार्क बैकग्राउंड

मुख्य दृश्य तत्व

  • •डार्क बैकग्राउंड
  • •ओवरसाइज़्ड व्हाइट टेक्स्ट
पृष्ठ 24
brand architecture

उप-ब्रांडिंग - ब्रांड मार्क और उत्पाद आइकन

सामग्री

ब्रांड मार्क पदानुक्रम: GitHub लॉगोटाइप (डिफ़ॉल्ट), सब-ब्रांड लॉकअप, इन-प्लेटफ़ॉर्म के लिए प्रोडक्ट आइकन

लेआउट संरचना

बाएं ओर विवरण, ब्रांड मार्क, लॉकअप (Advanced Security, Copilot, Actions), दाईं ओर प्रोडक्ट आइकन ग्रिड

मुख्य दृश्य तत्व

  • •GitHub ब्रांड मार्क
  • •सब-ब्रांड लॉकअप
  • •नौ प्रोडक्ट आइकन
पृष्ठ 25
brand architecture

उप-ब्रांडिंग - संदर्भ-निर्भर लॉकअप

सामग्री

लॉकअप लचीलापन: केवल Invertocat, सब-ब्रांड लॉकअप, संदर्भ के आधार पर विस्तारित लॉकअप

लेआउट संरचना

प्रोडक्ट UI उदाहरणों के साथ तीन-कॉलम तुलना

मुख्य दृश्य तत्व

  • •तीन लॉकअप टियर
  • •Copilot कोडिंग एजेंट
  • •Push Protection
पृष्ठ 26
brand architecture

उप-ब्रांडिंग - मार्क पदानुक्रम

सामग्री

कंसेंट्रिक पदानुक्रम: GitHub Core, सब-ब्रांड, इवेंट। सभी प्रोडक्ट लॉकअप वेरिएंट दिखाए गए हैं

लेआउट संरचना

बाएं ओर वेन डायग्राम, दाईं ओर चार-कॉलम लॉकअप सिस्टम

मुख्य दृश्य तत्व

  • •कंसेंट्रिक रिंग डायग्राम
  • •फुल प्रोडक्ट लॉकअप लिस्टिंग
पृष्ठ 27
brand architecture

उप-ब्रांडिंग - उत्पाद परत

सामग्री

सब-ब्रांड लॉकअप (Mona Sans Display Medium) और सभी प्रोडक्ट्स के लिए विस्तारित लॉकअप वेरिएंट

लेआउट संरचना

Security, Copilot, Spark, Enterprise, Actions, Issues के लिए लॉकअप दिखाते हुए दो-टीयर लेआउट

मुख्य दृश्य तत्व

  • •सब-ब्रांड और विस्तारित लॉकअप
  • •नेविगेशन उदाहरण
पृष्ठ 28
decision tree

उप-ब्रांडिंग - एक मार्क कैसे चुनें

सामग्री

डिसीजन ट्री: इवेंट? GitHub के भीतर प्रोडक्ट? स्टैंडअलोन Copilot/Security? प्रोडक्ट मार्केटिंग?

लेआउट संरचना

YES/NO शाखाओं के साथ वर्टिकल फ़्लोचार्ट

मुख्य दृश्य तत्व

  • •हरे YES एरो
  • •पांच डिसीजन आउटकम
पृष्ठ 29
product branding

उप-ब्रांडिंग - Copilot हीरो

सामग्री

3D आइसोमेट्रिक हरे क्यूब्स और Copilot मैस्कॉट के साथ Copilot सेक्शन हीरो

लेआउट संरचना

फुल-विड्थ 3D आइसोमेट्रिक इलस्ट्रेशन के साथ बड़ा Copilot टाइटल, PG 30

मुख्य दृश्य तत्व

  • •3D आइसोमेट्रिक क्यूब्स
  • •Copilot मैस्कॉट
  • •प्रोडक्ट आइकन
पृष्ठ 30
product branding

उप-ब्रांडिंग - Copilot पहचान

सामग्री

Copilot पर्पल (#8534F3), प्रोडक्ट लॉकअप, आइकन वेरिएंट, 3D मैस्कॉट इलस्ट्रेशन

लेआउट संरचना

बाएं ओर विवरण और कलर स्वैच, दाईं ओर लॉकअप/आइकन/इलस्ट्रेशन, PG 32

मुख्य दृश्य तत्व

  • •Copilot पर्पल स्वैच
  • •हरे क्यूब्स पर 3D Copilot मैस्कॉट
पृष्ठ 31
product branding

उप-ब्रांडिंग - Copilot कलर थीम

सामग्री

बैंगनी डिथरिंग टेक्सचर, कोर थीम फ़ॉलबैक, 80/10/5/5 कलर रेश्यो

लेआउट संरचना

मल्टी-एग्जांपल लेआउट डिथरिंग, कोर थीम, नो-ब्रांडिंग अप्रोच दिखाते हुए, PG 33

मुख्य दृश्य तत्व

  • •बैंगनी डिथरिंग टेक्सचर
  • •कलर रेश्यो परसेंटेज
पृष्ठ 32
product branding

उप-ब्रांडिंग - उत्पाद लॉन्च

सामग्री

लॉन्च के लिए एम्बिएंट स्टेबल (डिथर + स्क्रीनशॉट) बनाम लाउड (की आर्ट इलस्ट्रेशन)

लेआउट संरचना

साइड-बाय-साइड तुलना, PG 34

मुख्य दृश्य तत्व

  • •Copilot Next Edit Suggestion UI
  • •3D की आर्ट
पृष्ठ 33
product branding

उप-ब्रांडिंग - Security हीरो

सामग्री

3D आइसोमेट्रिक ग्रीन क्यूब्स, ब्लू शील्ड आइकॉन के साथ सुरक्षा सेक्शन

लेआउट संरचना

3D इलस्ट्रेशन के साथ बड़ा सिक्योरिटी टाइटल, PG 35

मुख्य दृश्य तत्व

  • •3D ब्लू शील्ड आइकॉन
  • •ग्रीन आइसोमेट्रिक क्यूब्स
पृष्ठ 34
product branding

उप-ब्रांडिंग - Security पहचान

सामग्री

सिक्योरिटी ब्लू (#3094FF), प्रोडक्ट लॉकअप, शील्ड आइकॉन वेरिएंट, 3D इलस्ट्रेशन

लेआउट संरचना

डिस्क्रिप्शन और ब्लू स्वैच लेफ्ट, लॉकअप/आइकॉन/इलस्ट्रेशन राइट, PG 37

मुख्य दृश्य तत्व

  • •सिक्योरिटी ब्लू स्वैच
  • •3D शील्ड इलस्ट्रेशन
पृष्ठ 35
product branding

उप-ब्रांडिंग - Security कलर थीम

सामग्री

ब्लू डिथरिंग टेक्सचर, कोर थीम फ़ॉलबैक, कोड स्कैनिंग UI एग्जांपल्स

लेआउट संरचना

मल्टी-एग्जांपल ब्लू डिथरिंग और नो-ब्रांडिंग अप्रोच दिखाते हुए, PG 38

मुख्य दृश्य तत्व

  • •ब्लू डिथरिंग टेक्सचर
  • •CodeQL UI
पृष्ठ 36
section divider

सह-ब्रांडिंग - अनुभाग विभाजक

सामग्री

अनुभाग शीर्षक: सह-ब्रांडिंग

लेआउट संरचना

बड़े सफेद टेक्स्ट के साथ फुल डार्क बैकग्राउंड, PG 39

मुख्य दृश्य तत्व

  • •डार्क बैकग्राउंड
  • •ओवरसाइज्ड व्हाइट टेक्स्ट
पृष्ठ 37
co-branding

सह-ब्रांडिंग - Microsoft साझेदारी

सामग्री

डिफ़ॉल्ट (आइकन + सेपरेटर), स्टैक्ड, हॉरिजॉन्टल लॉकअप। समान ऑप्टिकल आकार

लेआउट संरचना

Microsoft + GitHub लोगो के साथ तीन लॉकअप वेरिएंट, PG 40

मुख्य दृश्य तत्व

  • •Microsoft + GitHub लॉकअप
पृष्ठ 38
co-branding

सह-ब्रांडिंग - असफल उदाहरण

सामग्री

क्या न करें: एक्सटेंशन लॉकअप, ओवरले, सब-ब्रांडिंग, मैस्कॉट्स, स्टैकिंग, यूनिवर्स लोगो

लेआउट संरचना

लाल आइकन के साथ छह निषिद्ध उदाहरण, PG 41

मुख्य दृश्य तत्व

  • •छह लाल निषेध उदाहरण
  • •WCAG AA नोट
पृष्ठ 39
FAQ

सह-ब्रांडिंग - FAQ

सामग्री

छह सह-ब्रांडिंग अक्सर पूछे जाने वाले प्रश्न: सोशल मीडिया, पार्टनरिंग भाषा, प्रेजेंटेशन, प्रोडक्ट नाम, लैंडिंग पेज, स्वैग

लेआउट संरचना

Q&A लिस्ट फॉर्मेट, PG 42

मुख्य दृश्य तत्व

  • •क्लीन Q&A लेआउट
पृष्ठ 40
section divider

इलस्ट्रेशन - अनुभाग विभाजक

सामग्री

अनुभाग शीर्षक: इलस्ट्रेशन

लेआउट संरचना

बड़े सफेद टेक्स्ट के साथ फुल डार्क बैकग्राउंड, PG 43

मुख्य दृश्य तत्व

  • •डार्क बैकग्राउंड
  • •ओवरसाइज्ड व्हाइट टेक्स्ट
पृष्ठ 41
illustration system

इलस्ट्रेशन सिस्टम अवलोकन

सामग्री

तीन शैलियाँ: मुख्य इलस्ट्रेशन (3D), कॉन्ट्रिब्यूशन ग्राफ (क्रिएटिव एब्सट्रैक्शन), टेक्सचर (बिटमैप)

लेआउट संरचना

उदाहरणों के साथ तीन समान कॉलम, PG 44

मुख्य दृश्य तत्व

  • •3D की आर्ट
  • •कॉन्ट्रीब्यूशन ग्राफ स्क्वेयर
  • •बिटमैप टेक्सचर
पृष्ठ 42
illustration system

मुख्य इलस्ट्रेशन

सामग्री

डिटेल्ड, 3D, आइसोमेट्रिक। प्रोडक्ट आइकॉन, डिथरिंग, मैस्कॉट्स के साथ कॉन्ट्रिब्यूशन ग्राफ को हीरो बनाएं

लेआउट संरचना

बाएँ ओर विवरण, दाएँ ओर बड़ा 3D इलस्ट्रेशन, PG 45

मुख्य दृश्य तत्व

  • •3D रबर डक
  • •आइसोमेट्रिक ग्रीन क्यूब्स
  • •रेनबो क्यूब
पृष्ठ 43
illustration system

मुख्य इलस्ट्रेशन विविधताएँ

सामग्री

विभिन्न व्यवस्थाओं में Mona, Duckie, ग्रीन क्यूब्स के साथ लचीली रचनाएँ

लेआउट संरचना

छह इलस्ट्रेशन विविधताओं का ग्रिड, PG 46

मुख्य दृश्य तत्व

  • •मल्टीपल Mona पोज
  • •Duckie विविधताएँ
पृष्ठ 44
illustration system

कॉन्ट्रीब्यूशन ग्राफ़ इलस्ट्रेशन

सामग्री

कॉन्ट्रीब्यूशन ग्राफ UI को ब्रांड विजुअल में बदलता है। ग्रीन/ग्रे/पिंक स्क्वेयर, मैस्कॉट्स

लेआउट संरचना

एनोटेशन के साथ फुल इलस्ट्रेशन, PG 47

मुख्य दृश्य तत्व

  • •कॉन्ट्रीब्यूशन ग्राफ रेफरेंस
  • •ग्रीन स्क्वेयर विविधताएँ
  • •Mona मैस्कॉट
पृष्ठ 45
illustration system

कॉन्ट्रीब्यूशन ग्राफ़ उपयोग नियम

सामग्री

क्या न करें: आइसोलेट, बैकग्राउंड के रूप में उपयोग, ओवर-स्केल, डिथर के साथ मिक्स। क्या करें: एनिमेट, प्रिंट

लेआउट संरचना

चेकमार्क/निषेधों के साथ छह उपयोग उदाहरण, PG 48

मुख्य दृश्य तत्व

  • •निषिद्ध उदाहरण
  • •Universe टी-शर्ट प्रिंट
पृष्ठ 46
illustration system

टेक्सचर - रंग संयोजन

सामग्री

बैकग्राउंड और सरफेस पैटर्न के लिए सरल डिथरिंग टेक्सचर

लेआउट संरचना

बाएँ ओर विवरण, दाएँ ओर दो एप्लीकेशन उदाहरण, PG 49

मुख्य दृश्य तत्व

  • •UI के पीछे डिथरिंग
  • •3D बॉक्स मॉकअप
पृष्ठ 47
illustration system

टेक्सचर लाइब्रेरी

सामग्री

छह डिथरिंग पैटर्न: Circle, Heatmap, Gradient, Half Circle, Wave, Oval

लेआउट संरचना

2x3 ग्रिड में छह टेक्सचर उदाहरण, PG 50

मुख्य दृश्य तत्व

  • •छह डिथर पैटर्न
पृष्ठ 48
illustration system

टेक्सचर रंग और कंट्रास्ट

सामग्री

टू-टोन टेक्सचर: बोल्ड ट्रायडिक/कॉम्प्लिमेंट्री पेयर प्लस मोनोक्रोम विकल्प

लेआउट संरचना

ऊपर बोल्ड टू-टोन पंक्तियाँ, नीचे मोनोक्रोम कॉलम, PG 51

मुख्य दृश्य तत्व

  • •कलर पेयर उदाहरण
  • •आठ मोनोक्रोम विकल्प
पृष्ठ 49
section divider

कलर - अनुभाग विभाजक

सामग्री

सेक्शन टाइटल: Color

लेआउट संरचना

बड़े सफेद टेक्स्ट के साथ फुल डार्क बैकग्राउंड, PG 52

मुख्य दृश्य तत्व

  • •डार्क बैकग्राउंड
  • •ओवरसाइज्ड व्हाइट टेक्स्ट
पृष्ठ 50
color system

कलर पैलेट अवलोकन

सामग्री

ग्रीन एक्सेंट के साथ न्यूट्रल ब्रांड। प्राइमरी (न्यूट्रल + ग्रीन), सेकेंडरी (6 कलर फैमिली)

लेआउट संरचना

बाएँ ओर विवरण, केंद्र में प्राइमरी पैलेट, दाएँ ओर सेकेंडरी ग्रिड, PG 53

मुख्य दृश्य तत्व

  • •ग्रीन ग्रेडिएंट
  • •ग्रे ग्रेडिएंट
  • •सेकेंडरी पैलेट ग्रिड
पृष्ठ 51
color system

प्राथमिक पैलेट - पूर्ण स्पेसिफिकेशन

सामग्री

सफेद, काले, ग्रे 0-9, हरे 1-6 के लिए HEX/RGB/CMYK/Spot। 90% न्यूट्रल, 10% हरा

लेआउट संरचना

स्पेक्स के साथ फुल कलर स्वॉच ग्रिड, PG 54

मुख्य दृश्य तत्व

  • •दस ग्रे स्वॉच
  • •छह हरे स्वॉच
  • •90/10 अनुपात
पृष्ठ 52
color system

द्वितीयक पैलेट - पूर्ण स्पेसिफिकेशन

सामग्री

थीम पैलेट: DevX (हरा+गुलाबी), Copilot (बैंगनी), Security (नीला+नारंगी+लाइम)

लेआउट संरचना

फुल स्पेक्स के साथ बड़ा कलर ग्रिड, PG 55

मुख्य दृश्य तत्व

  • •छह कलर फैमिली x छह लेवल
पृष्ठ 53
color system

टेक्स्ट-आधारित लेआउट थीम

सामग्री

तीन थीम: सफेद, हल्का ग्रे, काला। न्यूट्रल पर टेक्स्ट; आइकॉन/इलस्ट्रेशन के लिए रंग

लेआउट संरचना

विभिन्न बैकग्राउंड पर तीन Copilot कोडिंग एजेंट उदाहरण, PG 56

मुख्य दृश्य तत्व

  • •तीन थीम तुलना
पृष्ठ 54
color system

एक्सेसिबिलिटी - कलर कंट्रास्ट

सामग्री

सभी टेक्स्ट WCAG AA अनुरूप। प्राइमरी, सेकेंडरी, एक्सेंट टेक्स्ट सभी बैकग्राउंड पर AA पास करते हैं

लेआउट संरचना

AA अनुपालन के साथ तीन एक्सेसिबिलिटी पैनल, PG 57

मुख्य दृश्य तत्व

  • •AA अनुपालन चेक मार्क
  • •कंट्रास्ट रेश्यो डेमो
पृष्ठ 55
section divider

शुभंकर - अनुभाग विभाजक

सामग्री

सेक्शन टाइटल: मैस्कॉट्स

लेआउट संरचना

बड़े सफेद टेक्स्ट के साथ फुल डार्क बैकग्राउंड, PG 58

मुख्य दृश्य तत्व

  • •डार्क बैकग्राउंड
  • •ओवरसाइज़्ड सफेद टेक्स्ट
पृष्ठ 56
mascot design

शुभंकर अवलोकन

सामग्री

तीन शुभंकर: Mona (GitHub), Copilot (AI/इनोवेशन), Ducky (डेवलपर्स)

लेआउट संरचना

3D शुभंकर रेंडर के साथ तीन कॉलम, PG 59

मुख्य दृश्य तत्व

  • •3D Mona
  • •3D Copilot हेलमेट
  • •3D रबर डक
पृष्ठ 57
mascot design

Mona - कैरेक्टर शीट

सामग्री

मुख्य ब्रांड एंबेसडर। बैंगनी/गुलाबी पैलेट। पांच एंगल व्यू।

लेआउट संरचना

बाएं ओर विवरण, दाएं ओर पांच 3D रेंडर, PG 60

मुख्य दृश्य तत्व

  • •पांच Mona एंगल व्यू
पृष्ठ 58
mascot design

Copilot - कैरेक्टर शीट

सामग्री

AI पेयर प्रोग्रामर। गुलाबी के साथ बैंगनी/नीला। पांच एंगल व्यू।

लेआउट संरचना

बाएं ओर विवरण, दाएं ओर पांच 3D रेंडर, PG 61

मुख्य दृश्य तत्व

  • •पांच Copilot एंगल व्यू
पृष्ठ 59
mascot design

Duckie - कैरेक्टर शीट

सामग्री

रबर डक डिबगिंग सैल्यूट। कम बार इस्तेमाल किया जाता है। पांच एंगल व्यू।

लेआउट संरचना

बाएं ओर विवरण, दाएं ओर पांच 3D रेंडर, PG 62

मुख्य दृश्य तत्व

  • •पांच Duckie एंगल व्यू
पृष्ठ 60
mascot design

शुभंकर उपयोग नियम

सामग्री

क्या करें: समुदाय, आंतरिक रूप से, प्रेरित करें। क्या न करें: लोगो के रूप में, नड्ज/बेचें, गंभीर विषय

लेआउट संरचना

तीन-पंक्ति डू/डोंट ग्रिड, PG 63

मुख्य दृश्य तत्व

  • •ग्रीन चेक मार्क्स
  • •रेड प्रोहिबिशन
पृष्ठ 61
mascot design

वैकल्पिक शुभंकर शैलियाँ

सामग्री

अप्रचलित: Octocat 1.0, Octocat 2.0, Monamoji, आउटलाइन स्टाइल

लेआउट संरचना

निषेध आइकन के साथ चार क्वाड्रेंट ग्रिड, PG 64

मुख्य दृश्य तत्व

  • •क्लासिक Octocat
  • •Monamoji इमोजी ग्रिड
पृष्ठ 62
section divider

आइकन - अनुभाग विभाजक

सामग्री

अनुभाग शीर्षक: आइकॉन

लेआउट संरचना

बड़े सफेद टेक्स्ट के साथ फुल डार्क बैकग्राउंड, PG 65

मुख्य दृश्य तत्व

  • •डार्क बैकग्राउंड
  • •ओवरसाइज़्ड व्हाइट टेक्स्ट
पृष्ठ 63
icon system

आइकन - Octicons और स्पॉट आइकन

सामग्री

Octicons (24px) डिफ़ॉल्ट। Spot Octicons (60px) gitline आकार से बड़े मार्केटिंग आइकॉन

लेआउट संरचना

Octicons ग्रिड बॉटम-लेफ्ट, Spot Octicons ग्रिड राइट, PG 66

मुख्य दृश्य तत्व

  • •~75 Octicons
  • •~60 Spot Octicons
पृष्ठ 64
icon system

आइकन - आकार दिशानिर्देश

सामग्री

16-30px Octicons, 31-54px डेड ज़ोन, 55-96px मार्केटिंग आइकॉन, 128px+ इलस्ट्रेशन

लेआउट संरचना

उदाहरणों के साथ चार साइज़ टियर, PG 67

मुख्य दृश्य तत्व

  • •चार साइज़ टियर
  • •चेकमार्क/निषेध
पृष्ठ 65
icon system

आइकन - स्पॉट Octicons गैलरी

सामग्री

gitline आकार (टाइमलाइन + कमिट सर्कल) से निर्मित पूरा 60+ Spot Octicons सेट

लेआउट संरचना

फुल आइकॉन गैलरी ग्रिड, PG 68

मुख्य दृश्य तत्व

  • •ग्रिड में 60+ स्पॉट आइकॉन
पृष्ठ 66
icon system

आइकन - वेरिएंट और कंपोनेंट्स

सामग्री

डार्क, व्हाइट, लाइट ग्रीन, लाइट ग्रे थीम के साथ-साथ फ्लैट वर्शन के लिए आइकॉन वेरिएंट

लेआउट संरचना

चार-कॉलम थीम तुलना, PG 69

मुख्य दृश्य तत्व

  • •चार थीम आइकॉन वेरिएंट
पृष्ठ 67
icon system

आइकन - वंडरग्राफ उपयोग

सामग्री

आइकॉन के साथ कंपोजीशन बनाना: ग्राउंड सब्जेक्ट मैटर, सब-ब्रांड कलर जोड़ें

लेआउट संरचना

बाएँ ओर विवरण, दाएँ ओर दो ब्लॉग कार्ड उदाहरण, PG 70

मुख्य दृश्य तत्व

  • •ब्लॉग कार्ड कंपोजीशन
पृष्ठ 68
section divider

आरेख - अनुभाग विभाजक

सामग्री

अनुभाग शीर्षक: डायग्राम

लेआउट संरचना

बड़े सफेद टेक्स्ट के साथ फुल डार्क बैकग्राउंड, PG 71

मुख्य दृश्य तत्व

  • •डार्क बैकग्राउंड
  • •ओवरसाइज़्ड व्हाइट टेक्स्ट
पृष्ठ 69
diagram guidelines

आरेख - चार्ट और ग्राफ़

सामग्री

सटीक, जानकारीपूर्ण। हर लाइन और रंग का चुनाव मायने रखता है। बार चार्ट, स्कैटर प्लॉट, पार्टनर ग्रिड

लेआउट संरचना

बाएँ ओर विवरण, दाएँ ओर तीन चार्ट उदाहरण, PG 72

मुख्य दृश्य तत्व

  • •पर्पल बार चार्ट
  • •स्कैटर प्लॉट
  • •पार्टनर ग्रिड
पृष्ठ 70
diagram guidelines

आरेख - इन्फोग्राफिक्स

सामग्री

गैर-तुलनात्मक दावों के लिए स्पॉट आइकॉन + टाइप। Copilot के लिए पर्पल-थीम। ग्रीन एक्सेंट बॉर्डर

लेआउट संरचना

एनोटेशन के साथ तीन स्टेट कार्ड, PG 73

मुख्य दृश्य तत्व

  • •पर्पल-थीम वाले स्टेट कार्ड
  • •ग्रीन एक्सेंट बॉर्डर
पृष्ठ 71
section divider

टाइपोग्राफी - अनुभाग विभाजक

सामग्री

अनुभाग शीर्षक: टाइपोग्राफी

लेआउट संरचना

बड़े सफेद टेक्स्ट के साथ पूर्ण डार्क बैकग्राउंड, PG 74

मुख्य दृश्य तत्व

  • •डार्क बैकग्राउंड
  • •ओवरसाइज़्ड व्हाइट टेक्स्ट
पृष्ठ 72
typography

टाइपोग्राफी - Mona Sans

सामग्री

प्राइमरी: Mona Sans (रेगुलर + मीडियम)। कंपेनियन: कोड/स्टाइल के लिए Mona Sans Mono

लेआउट संरचना

बाएं विवरण, नीचे वर्णमाला नमूने, PG 75

मुख्य दृश्य तत्व

  • •Mona Sans नमूना
  • •Mona Sans Mono नमूना
पृष्ठ 73
typography

टाइपोग्राफी - टाइप स्केल

सामग्री

OPSZ एक्सिस V2.08+. H0 डिस्प्ले 110/110, बॉडी लार्ज 17/26, पुलकोट मोनो 58/68

लेआउट संरचना

आकार/वजन स्पेसिफिकेशन्स के साथ टाइप स्केल स्पेसिमेन, PG 76

मुख्य दृश्य तत्व

  • •H0 डिस्प्ले स्पेसिमेन
  • •ऑप्टिकल साइज़ टॉगल
पृष्ठ 74
typography

टाइपोग्राफी - हेडलाइन

सामग्री

H0-H6 पदानुक्रम (160px से 19px)। बड़े के लिए Display Regular, छोटे के लिए Medium

लेआउट संरचना

बार चार्ट के साथ पूर्ण हेडलाइन पदानुक्रम H0-H6, PG 77

मुख्य दृश्य तत्व

  • •सात हेडलाइन नमूने
  • •ग्रीन बार चार्ट
पृष्ठ 75
typography

टाइपोग्राफी - बॉडी स्टाइल

सामग्री

Body XL से Footnote तक। Blockquote Mono 58/68। Caption, Eyebrow, Footnote स्टाइल

लेआउट संरचना

Full body text specimen grid, PG 78

मुख्य दृश्य तत्व

  • •Blockquote monospace
  • •body bar chart
पृष्ठ 76
typography

टाइपोग्राफी - टाइप पेयरिंग

सामग्री

जोड़े: Eyebrow+Headline, Medium+Medium, Eyebrow Justified, Headline+Body

लेआउट संरचना

छह प्रकार के जोड़े के उदाहरण, PG 79

मुख्य दृश्य तत्व

  • •छह जोड़े के बॉक्स उदाहरण
पृष्ठ 77
typography

टाइपोग्राफी - असफल उदाहरण

सामग्री

क्या न करें: अन्य चौड़ाई शैलियाँ, अपरकेस मल्टीलाइन मोनो, लिगेचर, मैनुअल ट्रैकिंग

लेआउट संरचना

तुलनाओं के साथ चार निषिद्ध उदाहरण, PG 80

मुख्य दृश्य तत्व

  • •चार लाल/हरे रंग की तुलना जोड़े
पृष्ठ 78
section divider

लेआउट - अनुभाग विभाजक

सामग्री

अनुभाग शीर्षक: लेआउट

लेआउट संरचना

बड़े सफेद टेक्स्ट के साथ पूर्ण गहरा बैकग्राउंड, PG 81

मुख्य दृश्य तत्व

  • •गहरा बैकग्राउंड
  • •अत्यधिक बड़ा सफेद टेक्स्ट
पृष्ठ 79
layout system

लेआउट - ग्रिड सिस्टम

सामग्री

सख्त ग्रिड का पालन। ग्रिड/मार्जिन (लाल), अनुपात (1/3, 1/2, 2/3), एक्सेंट बॉर्डर

लेआउट संरचना

एनोटेशन के साथ Copilot उदाहरण पर ग्रिड ओवरले, PG 82

मुख्य दृश्य तत्व

  • •लाल/पीला ग्रिड ओवरले
  • •हरा एक्सेंट बॉर्डर
पृष्ठ 80
layout system

लेआउट - बॉर्डर

सामग्री

बॉर्डर डिफ़ॉल्ट 2px, सूक्ष्म 2px, एक्सेंट 4px हरा। प्रति रचना एक एक्सेंट

लेआउट संरचना

ग्रिड ओवरले के साथ Universe प्रतिभागी कार्ड, PG 83

मुख्य दृश्य तत्व

  • •बॉर्डर स्पेसिफिकेशन्स
  • •एक्सेंट बॉर्डर एनोटेशन
पृष्ठ 81
layout system

लेआउट - व्यवहार में ग्रिड

सामग्री

कंटेंट किनारों की ओर तैरता है, बीच में बड़ा खाली स्थान। फ़ुटर/हेडर लगातार और तकनीकी महसूस होता है

लेआउट संरचना

एलाइनमेंट एनोटेशन के साथ दो लेआउट उदाहरण, PG 84

मुख्य दृश्य तत्व

  • •ईबुक स्प्रेड
  • •Forrester quote
पृष्ठ 82
layout system

लेआउट - असफल उदाहरण

सामग्री

क्या न करें: हेडलाइंस में रंग मिलाना, कंटेंट को चिपकाना

लेआउट संरचना

तुलनाओं के साथ दो निषिद्ध उदाहरण, PG 85

मुख्य दृश्य तत्व

  • •कलर मिक्सिंग तुलना
  • •हगिंग कंटेंट तुलना
पृष्ठ 83
section divider

अनुभवात्मक - अनुभाग विभाजक

सामग्री

सेक्शन टाइटल: Experiential

लेआउट संरचना

बड़े सफेद टेक्स्ट के साथ फुल डार्क बैकग्राउंड, PG 86

मुख्य दृश्य तत्व

  • •डार्क बैकग्राउंड
  • •ओवरसाइज़्ड व्हाइट टेक्स्ट
पृष्ठ 84
experiential design

अनुभवात्मक - बूथ डिज़ाइन सिद्धांत

सामग्री

छह सिद्धांत: Brand forward, Material honesty, Interactive, Comfortable, Modular, Visionary

लेआउट संरचना

स्टेटमेंट टेक्स्ट टॉप, 2x3 ग्रिड में छह सिद्धांत कार्ड, PG 87

मुख्य दृश्य तत्व

  • •छह कस्टम सिद्धांत आइकन
पृष्ठ 85
experiential design

अनुभवात्मक - निर्माण और निर्माण

सामग्री

क्या करें: लकड़ी/धातु सामग्री, 3D विवरण, LED। क्या न करें: फ्लैट विनाइल, जेनेरिक फर्नीचर। हीरो मोमेंट आवश्यक है

लेआउट संरचना

Do/Don't लिस्ट लेफ्ट, नौ बूथ तस्वीरें राइट, PG 88

मुख्य दृश्य तत्व

  • •नौ बूथ संदर्भ तस्वीरें
पृष्ठ 86
experiential design

अनुभवात्मक - इंटरैक्टिव इंस्टॉलेशन

सामग्री

प्रत्येक बूथ में कम से कम एक इंटरैक्टिव तत्व होना चाहिए: इन्फ्लेटेबल्स, स्टिकर, गेम्स, डेमो

लेआउट संरचना

डिस्क्रिप्शन लेफ्ट, छह इंटरैक्टिव बूथ तस्वीरें राइट, PG 89

मुख्य दृश्य तत्व

  • •इन्फ्लेटेबल फूल
  • •पेग बोर्ड गेम
  • •AR टचस्क्रीन
पृष्ठ 87
experiential design

अनुभवात्मक - प्रकाश व्यवस्था

सामग्री

विज़ुअल सेपरेशन के लिए टोनल एम्बिएंट लाइटिंग। कलर टेम्परेचर मूड सेट करता है

लेआउट संरचना

डिस्क्रिप्शन लेफ्ट, चार लाइटिंग तस्वीरें राइट, PG 90

मुख्य दृश्य तत्व

  • •नियॉन बूथ उदाहरण
  • •कलर टेम्परेचर गाइडेंस
पृष्ठ 88
experiential design

अनुभवात्मक - बजट और बाधाएँ

सामग्री

तीन टियर: Lightweight Presence, Mid-Tier Booth, Custom High-Impact

लेआउट संरचना

फोटो और डिस्क्रिप्शन के साथ तीन टियर कॉलम, PG 91

मुख्य दृश्य तत्व

  • •तीन टियर संदर्भ तस्वीरें
पृष्ठ 89
closing slide

समापन - प्रश्न?

सामग्री

संपर्क: brand.github.com टूलकिट, brand-marketing-design@github.com

लेआउट संरचना

कांटेक्ट डिटेल्स के साथ डार्क बैकग्राउंड, PG 92

मुख्य दृश्य तत्व

  • •कांटेक्ट इनफार्मेशन

अक्सर पूछे जाने वाले प्रश्न

इस स्लाइड और अंतर्निहित प्रस्तुति सामग्री के बारे में सामान्य प्रश्न।

GitHub 2026 ब्रांड दिशानिर्देश किस प्रकार का दस्तावेज़ है?

यह एक व्यापक 89-पृष्ठ की ब्रांड पहचान प्रणाली है जिसमें 2026 के लिए GitHub की दृश्य पहचान के सभी पहलू शामिल हैं। इसे चार मुख्य भागों में व्यवस्थित किया गया है: ब्रांड विज़ुअल रणनीति (ब्रांड विशेषताएँ, लोगो, उप-ब्रांडिंग, सह-ब्रांडिंग), विज़ुअल और इलस्ट्रेशन (इलस्ट्रेशन प्रणाली, रंग, शुभंकर), ग्राफिक डिवाइस (आइकन, आरेख, टाइपोग्राफी, लेआउट) और इवेंट और एक्सपीरियंशियल (बूथ डिज़ाइन, निर्माण, इंटरैक्टिव इंस्टॉलेशन, प्रकाश व्यवस्था)।

GitHub की पाँच ब्रांड विशेषताएँ क्या हैं?

GitHub पाँच ब्रांड विशेषताओं को परिभाषित करता है: 1) Nerdy (कोड के बारे में भावुक, इंजीनियर, तकनीकी), 2) Confident (महत्वाकांक्षी, भरोसेमंद, बुद्धिमान), 3) Authentic (खुद और समुदाय के प्रति सच्चे), 4) Imaginative (चंचल, परिवर्तनकारी, अनुकूलनीय), 5) Empathetic (पहुंच योग्य, आपस में जुड़े, व्यावहारिक)। प्रत्येक में कॉपी, डिज़ाइन और अनुभव दिशानिर्देश शामिल हैं।

यह ब्रांड दिशानिर्देश किस डिज़ाइन सिस्टम का उपयोग करता है?

GitHub मोना सैंस टाइपफेस परिवार (sans-serif + monospace), हरे रंग के लहजे (#0FBF3E) के साथ ग्रे/ब्लैक/व्हाइट द्वारा एंकर किए गए एक तटस्थ प्राथमिक पैलेट और उत्पाद-विशिष्ट द्वितीयक पैलेट (Copilot के लिए बैंगनी, Security के लिए नीला) के साथ एक डार्क-फर्स्ट डिज़ाइन सिस्टम का उपयोग करता है। विज़ुअल सिस्टम में 3D आइसोमेट्रिक इलस्ट्रेशन, कॉन्ट्रिब्यूशन ग्राफ़ मोटिफ, डिथरिंग टेक्सचर और तीन 3D शुभंकर (Mona, Copilot, Duckie) शामिल हैं।

GitHub Copilot जैसे उत्पादों के लिए उप-ब्रांडिंग को कैसे संभालता है?

GitHub एक स्तरीय मार्क पदानुक्रम का उपयोग करता है: जब संदर्भ स्पष्ट हो तो केवल Invertocat, स्टैंडअलोन मार्केटिंग के लिए उप-ब्रांड लॉकअप (Invertocat + उत्पाद का नाम), और विस्तारित लॉकअप (Invertocat + GitHub + उत्पाद का नाम) जब दर्शकों को GitHub के बारे में पता न हो। Copilot का अपना बैंगनी थीम (#8534F3) है, Security का नीला (#3094FF) है। एक निर्णय ट्री फ़्लोचार्ट लॉकअप चयन का मार्गदर्शन करता है।

GitHub किस टाइपोग्राफी सिस्टम का उपयोग करता है?

ऑप्टिकल साइज़िंग (OPSZ V2.08+) के साथ मोना सैंस। हेडलाइन डिस्प्ले रेगुलर (H0 110px पर) और मीडियम (H3-H6) का उपयोग करती हैं। बॉडी रेगुलर (15/25 मुख्य) और मीडियम (17/26 बड़ा) का उपयोग करती है। कोड, ब्लॉककोट, आइब्रो और फ़ुटनोट के लिए मोना सैंस मोनो। लिगेचर बंद होने चाहिए; OPSZ के पक्ष में मैनुअल ट्रैकिंग निषिद्ध है।

GitHub किस इलस्ट्रेशन शैली का उपयोग करता है?

तीन शैलियाँ: 1) मुख्य इलस्ट्रेशन - बड़े ब्रांड क्षणों के लिए हरे क्यूब्स, उत्पाद आइकन और शुभंकर के साथ विस्तृत 3D आइसोमेट्रिक दृश्य। 2) कॉन्ट्रिब्यूशन ग्राफ़ - हरे/ग्रे/गुलाबी वर्गों का उपयोग करके GitHub प्रोफ़ाइल ग्रिड का रचनात्मक अमूर्तता। 3) टेक्सचर - विभिन्न रंग संयोजनों में बिटमैप डिथरिंग पैटर्न (सर्किल, हीटमैप, ग्रेडिएंट, वेव, ओवल, हाफ सर्कल)।

GitHub के तीन शुभंकर कौन हैं?

Mona - गुलाबी/बैंगनी ऑक्टोकेट (आंशिक बिल्ली, आंशिक ऑक्टोपस), मुख्य ब्रांड एंबेसडर। Copilot - AI और नवाचार का प्रतिनिधित्व करने वाला नीला/बैंगनी रोबोट हेलमेट। Duckie - डेवलपर डिबगिंग परंपरा को सलाम करने वाला पीला रबर बत्तख, जिसका उपयोग कम ही किया जाता है।

अनुभवात्मक डिज़ाइन अनुभाग को क्या अद्वितीय बनाता है?

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

2slides

Create Your Own Slides

Turn your ideas into professional presentations in seconds with 2slides AI.

सेकंडों में विश्व-स्तरीय स्लाइड्स बनाएं

पेशेवर डिज़ाइन का संदर्भ लें, अपनी शैली चुनें, और सही टेक्स्ट रेंडरिंग के साथ स्लाइड्स जेनरेट करें। Nano Banana द्वारा संचालित—अभी अपना प्रेजेंटेशन बनाना शुरू करें।

2Slides logo

स्लाइड के लिए आपका AI एजेंट। बुद्धिमान प्रस्तुति निर्माण के साथ समय बचाएं, तेजी से चमकें।

AI के साथ सारांशित करें

ChatGPTClaudeGrokPerplexity
सभी सेवाएँ ऑनलाइन

उत्पाद

सुविधाएं

गैलरी

टेम्प्लेट

इंटीग्रेशन

संसाधन

तुलना

© 2026 2slides। सभी अधिकार सुरक्षित।