UXMagic होम
  • फ़ीचर्स
  • लाइब्रेरीज़
  • कम्युनिटी
  • प्राइसिंग
  • एफिलिएट
  • रिसोर्सेज़
UXMagic होम
UXMagic होम

लाइब्रेरीज़

कम्युनिटी
प्राइसिंग
एफिलिएट

रिसोर्सेज़

हमें फ़ॉलो करें:
  • Slack पर हमें फ़ॉलो करें
  • Twitter पर हमें फ़ॉलो करें
  • LinkedIn पर हमें फ़ॉलो करें
  • YouTube पर हमें फ़ॉलो करें
  • Instagram पर हमें फ़ॉलो करें
सहायता केंद्र
  • 🚀शुरुआत करें
  • ✨डिज़ाइन बनाइए
  • 🎨डिज़ाइन और संपादन
    • स्क्रीन संपादित करना
    • चैट से संपादन
    • थीम और स्टाइल गाइड
    • फ़ॉन्ट और टाइपोग्राफ़ी
    • आपके डिज़ाइन में तस्वीरें
    • संस्करण और इतिहास
    • रेस्पॉन्सिव और डिवाइस-वार रूप
    • कंपोनेंट लाइब्रेरी और डिज़ाइन प्रणालियाँ
  • 📦एक्सपोर्ट और हस्तांतरण
  • 🌐साइट प्रकाशित कीजिए
  • 🤝साझा करना और मिलकर काम करना
  • 🔌इंटीग्रेशन और डेवलपर
  • 💳योजनाएँ, क्रेडिट और बिलिंग
  • 🛠समस्या समाधान

अब भी अटके हैं?

हमारी टीम प्रोडक्ट के भीतर से ही जवाब देती है।

सपोर्ट से संपर्क करें →
  1. सहायता केंद्र/
  2. डिज़ाइन और संपादन/
  3. थीम और स्टाइल गाइड

थीम और स्टाइल गाइड

प्रोजेक्ट की थीम कैसे काम करती है, उसे सुरक्षित तरीक़े से कैसे बदलें, और रंग कभी स्क्रीन-दर-स्क्रीन क्यों नहीं बदलने चाहिए।

अंतिम अपडेट: 27 अगस्त 2026

इस पेज पर

  • कुछ रंग बदलना
  • बिल्कुल नया रूप बनाना
  • बदलाव को सीमित करना
  • कंट्रास्ट जाँचा जाता है
  • स्टाइल गाइड बनाना
  • आम ग़लतियाँ

हर प्रोजेक्ट की एक थीम होती है: रंग, टाइपोग्राफ़ी, गोलाई और स्पेसिंग के लिए डिज़ाइन टोकन का समूह। स्क्रीन तय मानों के बजाय इन्हीं टोकन का हवाला देती हैं, और यही बीस स्क्रीन को एक उत्पाद जैसा दिखाता है।

कुछ रंग बदलना#

बस कहिए:

मुख्य रंग #1B4DFF कर दो। पृष्ठभूमि बहुत ठंडी है — उसे गर्म करो।

इससे मौजूदा थीम में एक छोटा बदलाव जुड़ जाता है और बाकी सब वैसा ही रहता है। यह मुफ़्त है और एक साथ हर जगह लागू होता है।

बिल्कुल नया रूप बनाना#

पूरी तरह बदलाव के लिए — नया डिज़ाइन, डार्क में जाना, नया ब्रांड — ठीक वही माँगिए:

पूरे प्रोजेक्ट को डार्क थीम दो। इसे हमारे नए ब्रांड से दोबारा डिज़ाइन करो: गहरा हरा मुख्य, क्रीम पृष्ठभूमि, सेरिफ़ शीर्षक।

इससे पुराने पर पैबंद लगाने के बजाय टोकन का पूरा नया समूह बनता है।

बदलाव को सीमित करना#

डिफ़ॉल्ट रूप से थीम के बदलाव पूरे प्रोजेक्ट पर लगते हैं। किसी एक स्क्रीन तक सीमित करने के लिए साफ़ कहिए:

सिर्फ़ लैंडिंग पेज पर हेडर की पृष्ठभूमि काली कर दो।

कंट्रास्ट जाँचा जाता है#

थीम लागू होने से पहले पढ़ने लायक रंग-जोड़ों के लिए जाँची जाती हैं, इसलिए गहरे पर गहरा टेक्स्ट नहीं मिलना चाहिए। अगर आप जानबूझकर कम कंट्रास्ट चाहते हैं, तो कहिए — पर उम्मीद रखिए कि प्रणाली पढ़ने-योग्यता की ओर धकेलेगी।

स्टाइल गाइड बनाना#

स्टाइल गाइड माँगिए और आपको एक बनी-बनाई स्क्रीन मिलेगी जिसमें रंग-योजना, टाइप स्केल और मुख्य कंपोनेंट दिखेंगे — सौंपने के लिए भी उपयोगी और यह जाँचने के लिए भी कि प्रणाली सुसंगत है।

आम ग़लतियाँ#

  • किसी एक स्क्रीन पर रंग बदलना। काम तो हो जाता है, पर अगली बनी स्क्रीन मेल नहीं खाती। थीम इस्तेमाल कीजिए।
  • किसी तत्व पर संपादन मोड में रहते हुए “डार्क मोड” माँगना। इस रास्ते से रंग कोड में जड़ सकते हैं, थीम दोबारा नहीं बनती। चैट में, प्रोजेक्ट के स्तर पर माँगिए।
  • यह मान लेना कि थीम टूल की सफलता का संदेश यानी रेंडर हो गया। कैनवास देखिए। अगर स्क्रीन नहीं बदलीं, तो देखिए मेरी स्टाइल गाइड लागू नहीं हुई।

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

क्या थीम बदलने में क्रेडिट लगते हैं?
नहीं। थीम बनाने या अपडेट करने पर कुछ नहीं लगता। क्रेडिट सिर्फ़ स्क्रीन बनाने पर लगते हैं।
क्या किसी एक स्क्रीन की थीम अलग हो सकती है?
हाँ — कहिए कि बदलाव उसी स्क्रीन तक सीमित रहे। डिफ़ॉल्ट रूप से थीम का बदलाव पूरे प्रोजेक्ट पर लगता है, और आम तौर पर यही चाहिए होता है।

क्या यह लेख उपयोगी रहा?

संबंधित लेख

फ़ॉन्ट और टाइपोग्राफ़ी

फ़ॉन्ट चुनना, Google Fonts इस्तेमाल करना, और जब फ़ॉन्ट का बदलाव दिखे ही नहीं तो क्या करें।

स्क्रीन संपादित करना

डिज़ाइन बदलने के तीन तरीके — चैट, संपादन मोड और थीम — और कब कौन-सा सही औज़ार है।

मेरी शैली मार्गदर्शिका या थीम नहीं लगी

स्क्रीन बिना शैली दिखती हैं या थीम बदलाव को अनदेखा करती हैं — क्या जाँचें और हमें क्या भेजें।

← पिछलाचैट से संपादनअगला →फ़ॉन्ट और टाइपोग्राफ़ी

इस पेज पर

  • कुछ रंग बदलना
  • बिल्कुल नया रूप बनाना
  • बदलाव को सीमित करना
  • कंट्रास्ट जाँचा जाता है
  • स्टाइल गाइड बनाना
  • आम ग़लतियाँ

आपका अगला आइडिया
दुनिया में आने का हक़दार है

सोचते मत रहिए, बस टाइप कर दीजिए। अधूरा, बिखरा हुआ, जैसा भी हो — हम उसे कुछ असली बना देंगे।

प्रोडक्ट

  • कम्युनिटी
  • प्राइसिंग प्लान
  • एफिलिएट प्रोग्राम
  • UXMagic MCP
  • Claude MCP
  • AI जानकारी

रिसोर्सेज़

  • सहायता केंद्र
  • Figma लाइब्रेरी
  • React लाइब्रेरी
  • मोबाइल ऐप टेम्पलेट्स
  • डॉक्यूमेंटेशन
  • ट्यूटोरियल्स

फ़ीचर्स

  • प्रॉम्प्ट से UI
  • इमेज से UI
  • स्केच से UI
  • वेबसाइट क्लोन करें
  • Figma से इंपोर्ट करें
  • AI Wireframe Generator
  • AI Mockup Generator
  • AI Prototype Generator
  • AI Dashboard Generator
  • सभी फ़ीचर्स

तुलना करें

  • बनाम UX Pilot
  • बनाम Relume
  • बनाम MagicPath
  • बनाम Magic Patterns
  • बनाम Banani
  • बनाम Galileo AI
  • vs v0
  • vs Lovable
  • vs Base44
  • सभी कॉम्पिटिटर्स

ब्लॉग्स

  • UX डिज़ाइन वर्कफ़्लो में AI: असल में क्या काम करता है
  • SaaS डैशबोर्ड के लिए प्रॉम्प्ट टेम्पलेट्स
  • प्रोडक्ट फ़्लो जेनरेट करने के लिए हमारे असली प्रॉम्प्ट्स
  • UX डिज़ाइनरों के लिए प्रॉम्प्ट इंजीनियरिंग
  • 2026 के बेहतरीन वायरफ़्रेमिंग टूल्स: 10 फ्री और प्रो विकल्पों की तुलना
  • सभी ब्लॉग्स

कंपनी और सपोर्ट

  • करियर
  • संपर्क करें
  • प्राइवेसी पॉलिसी
  • उपयोग की शर्तें
  • कुकी सेटिंग्स
  • Slack पर हमें फ़ॉलो करें
  • Twitter पर हमें फ़ॉलो करें
  • LinkedIn पर हमें फ़ॉलो करें
  • YouTube पर हमें फ़ॉलो करें
  • Instagram पर हमें फ़ॉलो करें

© 2026 UXMagic AI Technologies Inc.