आइकन

Spaceship आइकन जटिल क्रियाओं और विचारों को तुरंत पहचाने जाने वाले प्रतीकों में बदल देते हैं, जिससे उपयोगकर्ताओं को आसानी से नेविगेट और इंटरैक्ट करने में मदद मिलती है।

Hero Image

सार्वभौमिक लेकिन विशिष्ट, हमारे आइकन ब्रांड के सबसे छोटे निर्माण खंड हैं, जिन्हें तुरंत पहचान के लिए डिज़ाइन किया गया है, जबकि Spaceship पहचान को स्पष्ट रूप से बनाए रखते हैं।



संस्करण

सभी Spaceship आइकन दो संस्करणों में उपलब्ध हैं: आउटलाइन (प्राथमिक) और भरा हुआ (माध्यमिक)।









निर्माण

आइकन परिभाषित नियमों के अनुसार डिज़ाइन किए गए हैं — बेस ग्रिड से लेकर स्ट्रोक पैरामीटर तक — जो लगातार और संतुलित परिणाम सुनिश्चित करते हैं।









आकार

डिज़ाइन के अनुसार स्केलेबल, आइकन को पाँच आकारों में उपयोग किया जाना चाहिए ताकि पूरे सिस्टम में स्पष्टता और दृश्य सामंजस्य बना रहे।









रंग

रंग एक आवश्यक तत्व है जो उपयोगकर्ताओं को किसी विशेष इंटरफ़ेस के भीतर अपने उत्पादों की पहचान करने में मदद करता है। इन UI संदर्भों में निरंतरता सुनिश्चित करने के लिए, आइकन Spaceship Design System रंगों का उपयोग करते हैं।






ब्रांड रंग

Spaceship के मुख्य रंगों के रूप में, इन्हें आइकन के लिए प्राथमिक विकल्प होना चाहिए — चाहे वह प्लेटफ़ॉर्म UI जैसे कार्यात्मक संदर्भों में हो या उत्पाद पृष्ठों पर फीचर प्रतिनिधित्व जैसे अधिक चित्रात्मक उपयोगों में। अधिक जानकारी के लिए रंग पृष्ठ देखें।






उत्पाद रंग

किसी उत्पाद के मुख्य रंगों को उसके संबंधित आइकन पर लागू किया जाना चाहिए। यह Spaceship इकोसिस्टम में उत्पाद की पहचान और जागरूकता के लिए महत्वपूर्ण है।






सूचना रंग

चेतावनी संदेशों को मजबूत करने के लिए सूचना रंगों का उपयोग करें। इन्हें केवल चेतावनी आइकन पर लागू किया जाना चाहिए, कभी-कभी ऐसे अपवादों के साथ जहाँ कोई अन्य आइकन भी सफलता, त्रुटि या चेतावनी स्थिति का प्रतिनिधित्व करता है।







मार्गदर्शन

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




आइकन को विकृत, घुमाएँ या पलटें नहीं। हमेशा आनुपातिक रूप से स्केल करें।


आइकन का आकार 40x40px से बड़ा न करें। तत्वों के बीच संतुलन बनाए रखें।


टिंट या शेड का उपयोग न करें।