Dub

पैलेट

ब्रांड

• Electric Blue #2563eb — लोगो, लिंक, प्रमुख प्रदर्शन संकेतक, सक्रिय स्थितियाँ और आइकन एक्सेंट - इन सभी में प्राथमिक ब्रांड रंग का उपयोग किया गया है। सफेद पृष्ठभूमि पर गहरा नीला रंग ही सिस्टम का एकमात्र आकर्षक दृश्य बनाता है।
• Deep Sapphire #1e40af — एक्शन बटन की मुख्य पृष्ठभूमि, कॉल टू एक्शन का बोल्ड फिल—जो एक्शन को दर्शाने वाला एकमात्र रंग है—का उपयोग ध्यान आकर्षित करने के लिए संयमित रूप से किया जाता है।

तटस्थ

• Canvas White #ffffff — पेज बैकग्राउंड, कार्ड की सतह, पॉप-अप पैनल हर स्क्रीन की मूलभूत संरचना हैं।
• Paper Mist #f5f5f5 — नेस्टेड कार्ड, अतिरिक्त पैनल और फिल के लिए होवर करने पर रंग में सूक्ष्म परिवर्तन।
• Ash #e5e5e5 — कार्ड, इनपुट कनेक्टर और डिवाइडर पर मौजूद पतली बॉर्डर ही वह संरचनात्मक रेखा है जो सिस्टम को एक साथ जोड़े रखती है।
• Smoke #d4d4d4 — चयनित कंटेनरों के लिए अधिक स्पष्ट बॉर्डर और अतिरिक्त बटन आउटलाइन।
• Pebble #c8c8c8 — मध्यम कंट्रास्ट वाले बॉर्डर, कंट्रोल आउटलाइन और स्ट्रक्चरल डिवाइडर। इस रंग का उपयोग कॉल टू एक्शन के लिए प्राथमिक रंग के रूप में नहीं किया जाना चाहिए।
• Midnight Ink #0a0a0a — अधिकतम कंट्रास्ट के लिए बटनों का मुख्य टेक्स्ट, हाइलाइट किए गए बटन और नेविगेशन टेक्स्ट लगभग काले रंग के हैं।

टाइपोग्राफी

11 से 48px तक · 9 चरण

• Satoshi — प्रतिस्थापन: Inter (weight 500 · रूपरेखा 500 · हेडिंग प्रदर्शित करें – केवल हेडिंग और सेक्शन टाइटल के लिए 36–48px की लाइनों में उपयोग किया जाता है। फ़ॉन्ट वेट – 500 (मध्यम, बोल्ड नहीं): हेडिंग आत्मविश्वासपूर्ण और आधुनिक दिखती हैं, लेकिन कभी भी अतिरंजित नहीं होतीं। सतोशी के ज्यामितीय अनुपात टाइपफेस को थोड़ा संपादकीय, आधुनिक एहसास देते हैं जिसे इंटर के बॉडी टेक्स्ट में नहीं दोहराया जा सकता।
• Inter — प्रतिस्थापन: Inter (native) · रूपरेखा 400, 500, 600 · बॉडी टेक्स्ट, यूआई लेबल, नेविगेशन, उपशीर्षक और छोटे शीर्षक। इंटर मुख्य फ़ॉन्ट है, जो 11px के माइक्रो-लेबल से लेकर 30px के सेकेंडरी हेडिंग तक सब कुछ संभालता है। बॉडी टेक्स्ट के लिए डिफ़ॉल्ट वेट 400 है, हाइलाइट किए गए एलिमेंट और बटन लेबल के लिए 500 है, और महत्वपूर्ण यूआई लेबल के लिए 600 आरक्षित है। 1.5 की लाइन हाइट के साथ 16px सबसे अधिक बार उपयोग किया जाने वाला सिंगल-स्टेप साइज़ है (1220 बार), जो इस बात की पुष्टि करता है कि 16px बॉडी टेक्स्ट का मानक साइज़ है।
• Geist Mono — प्रतिस्थापन: JetBrains Mono or IBM Plex Mono · रूपरेखा 400, 500 · कोड ब्लॉक में 12-14px और बड़े कोड डिस्प्ले तत्वों में 24px पर कोड स्निपेट, तकनीकी मेटाडेटा और एम्बेडेड मोनोस्पेस्ड टोकन का उपयोग किया जाता है। यह डेवलपर टूल की विश्वसनीयता सुनिश्चित करता है, जो डब की उत्पाद स्थिति के अनुरूप है।

अंतराल और रूप

समान शैलियाँ

• ElevenLabs — हल्के क्रीम रंग के शेड्स में एक फोटो निबंध, जिसमें सूक्ष्म शीर्षक हैं। बॉहॉस शैली की एक नोटबुक—अंडे के छिलके के रंग का कागज, काली स्याही, और उत्पाद प्रदर्शन के लिए बैंगनी और नारंगी रंग का एक विशेष स्पर्श।
• Awesomic — नारंगी रंग के विराम चिह्नों से सजी संपादकीय जस्ता जाली, जो कॉन्फेटी की याद दिलाती है।
• Monad — गर्म चर्मपत्र पर संपादकीय तकनीकी पत्रिका
• Seline Analytics — गर्म कागज पर एक शांत विश्लेषणात्मक तालिका
• Notion — दोपहर की धूप में गर्म कागज की नोटबुक
• Anthropic — गर्म चर्मपत्र पर छपी एक वैज्ञानिक क्षेत्र पत्रिका—शांत हाथीदांत जैसी सतहें, सेरिफ़ वाले संपादकीय शीर्षक, और मिट्टी का एक हल्का सा स्पर्श जो केवल तभी दिखाई देता है जब कार्रवाई की आवश्यकता होती है।
• Calendly — ठंडे संगमरमर पर गहरे नीले रंग की स्याही
• Augen Pro — एप्पल के सफेद रंग के प्रेजेंटेशन में एक मोनोक्रोम स्पेस में एकमात्र एक्सेंट के रूप में एक क्लीनिकल, भारहीन, इलेक्ट्रिक ब्लू रंग का इस्तेमाल किया गया है।
• Antimetal — क्रीम रंग के कागज़ पर छपा एक संपादकीय लेख—एक वैज्ञानिक पत्रिका में एक शांत सुबह, जहाँ संयम आत्मविश्वास को दर्शाता है और सेरिफ़ फ़ॉन्ट मुख्य भूमिका निभाते हैं।
• Perk — गर्म चर्मपत्र कागज पर इलेक्ट्रिक लाइम
• Ditto — धूप से जगमगाती एक कार्यशाला में जंगली फूलों के नमूने तैयार किए जा रहे हैं। गर्म क्रीम रंग की सतहें, चमकीला पीला आधार रंग, गहरे नीले रंग की स्याही, और कलाकृति के पीछे खिलते हुए जैविक रंग के आकार।
• Officevibe — हल्के क्रीम रंग के कागज पर छपी एक संपादकीय पत्रिका। कल्पना कीजिए मानव संसाधन प्रबंधन पर लिखे एक विचारोत्तेजक निबंध की, जिसे एक उत्पाद के रूप में प्रस्तुत किया गया है—एक आधुनिक नीले इंटरफ़ेस पर घुमावदार सेरिफ़ फ़ॉन्ट में छपे शब्द।