आइकन

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

Hero Image

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



संस्करण

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









संरचना

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









आकार

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









रंग

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






ब्रांड रंग

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






प्रोडक्ट रंग

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






सूचना रंग

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







मार्गदर्शन

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




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


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


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