टाइपोग्राफी

Spaceship का टाइपोग्राफिकल वातावरण दो टाइपफेस का उपयोग करता है: दोस्ताना और तकनीकी Gotham Rounded, और अधिक साधारण और ज्यामितीय Proxima Nova।

Hero Image

Spaceship की टाइपोग्राफी आत्मविश्वासी और सीधी है, जो हमारे दर्शकों के साथ एक दोस्ताना और संवादात्मक स्वर सक्षम करती है।



प्राथमिक फ़ॉन्ट

Gotham Rounded एक दोस्ताना लेकिन परिष्कृत टाइपफेस है। इसका उपयोग विशेष रूप से Spaceship लोगो, उत्पाद सब-ब्रांड्स और टीम की पहचान में किया जाता है। केवल मीडियम, बुक और लाइट वेट की अनुमति है।









माध्यमिक फ़ॉन्ट

Proxima Nova Spaceship के ग्राफिकल वातावरण का एक प्रमुख तत्व है। यह सभी संचार के लिए मुख्य टाइपफेस है। बोल्ड, मीडियम, रेगुलर और लाइट ही इस टाइपफेस के लिए अनुमत वेट हैं।









स्केल

टाइप स्केल सिस्टम और आवश्यक आकार के चरणों को गोल्डन रेशियो (1:1.618) का उपयोग करके बनाया और निर्धारित किया गया था। हमने एक प्राथमिक बेस साइज से एक पूर्ण टाइप स्केल सेट के साथ टाइपोग्राफिकल स्केल कैलकुलेटर बनाया। क्योंकि गोल्डन रेशियो आकारों के बीच बड़े अंतर बनाता है, एक द्वितीयक बेस साइज (बेस साइज का 2 गुना) अधिक उपयुक्त रेंज उत्पन्न करने के लिए आवश्यक है। नीचे दिया गया उदाहरण 16px और 32px बेस साइज पर आधारित टाइप स्केल दिखाता है।









टेक्स्ट शैलियाँ

Proxima Nova में छोटे आकार के बॉडी टेक्स्ट और बड़े हेडलाइन दोनों में अधिकतम ऑप्टिकल स्थिरता है। इसका विस्तृत वेट रेंज इसे किसी भी स्वर या संदेश के लिए उपयुक्त बनाता है। बाएँ-संरेखित टेक्स्ट पसंदीदा है, हालांकि आवश्यकता होने पर केंद्रित संरेखण का उपयोग किया जा सकता है।




बड़ी हेडलाइन के लिए बोल्ड वेट, ऑप्टिकल कर्निंग, ऑटो लीडिंग, और 80% शब्द स्पेस का उपयोग करें।


नियमित हेडलाइन के लिए बोल्ड वेट, ऑप्टिकल कर्निंग, ऑटो लीडिंग, और 80% शब्द स्पेस का उपयोग करें।


संक्षिप्त सबहेड के लिए मीडियम या रेगुलर वेट, ऑप्टिकल कर्निंग, ऑटो लीडिंग, और 100% शब्द स्पेस का उपयोग करें। 


लंबे सबहेड के लिए मीडियम या रेगुलर वेट, ऑप्टिकल कर्निंग, ऑटो लीडिंग, और 100% शब्द स्पेस का उपयोग करें।


पैराग्राफ़ के लिए रेगुलर या लाइट वेट, मेट्रिक्स कर्निंग, ऑटो लीडिंग, और 100% शब्द स्पेस का उपयोग करें।


छोटे बॉडी टेक्स्ट के लिए रेगुलर या लाइट वेट, मेट्रिक्स कर्निंग, ऑटो लीडिंग, और 100% शब्द स्पेस का उपयोग करें।







टाइप हायरार्की

प्रभावी कंटेंट हायरार्की के लिए, टाइपोग्राफी को हेडलाइन, सबहेडिंग और बॉडी टेक्स्ट के बीच संगठनात्मक संबंध को संप्रेषित करना चाहिए। सही वेट और साइज को जोड़ना मजबूत दृश्य कंट्रास्ट बनाता है और पाठक को मार्गदर्शन करता है।









सुरक्षित मार्जिन

हम अधिकतम पठनीयता की गारंटी देने और निम्नलिखित टेक्स्ट ब्लॉक्स के लिए सुरक्षित मार्जिन स्थापित करने के लिए हेडलाइन लीडिंग माप को लाइन स्पेसिंग संदर्भ के रूप में उपयोग करते हैं।









रंग संयोजन

जब ठोस रंग की पृष्ठभूमि के साथ टेक्स्ट का उपयोग किया जाता है, तो नीचे प्रस्तुत रंग संयोजन ही अनुमत हैं।










पृष्ठभूमि

छवियों या रंगीन पृष्ठभूमि पर टेक्स्ट का उपयोग करते समय कंट्रास्ट और पठनीयता प्रमुख तत्व हैं।










मार्गदर्शन

यहाँ कुछ उदाहरण दिए गए हैं कि टेक्स्ट के साथ काम करते समय किन बातों से बचना चाहिए। 




परिभाषित कर्निंग, शब्द स्पेसिंग और लीडिंग मानों को बहुत अधिक न बदलें।


हायरार्की का ध्यान रखें: मजबूत हेडलाइन, हल्के सबहेड, बॉडी टेक्स्ट आदि।


दाएँ-संरेखित पैराग्राफ़ का उपयोग न करें।


किसी भी टेक्स्ट पर अन्य रंगों का उपयोग न करें, जैसे सहायक, उत्पाद या सब-ब्रांड रंग।


रंगीन पृष्ठभूमि पर केवल सफेद या गहरे ग्रे टेक्स्ट का उपयोग करें।


पठनीयता महत्वपूर्ण है। टेक्स्ट को जटिल छवियों या समान रंग की पृष्ठभूमि पर न रखें।