ElevenLabs

पैलेट

ब्रांड

• Violet Spark #0447ff — उत्पाद दृश्य महत्व - यह केवल ऑडियो क्षेत्र के चित्रों और सजावटी उत्पाद आइकनों के भीतर ही दिखाई देता है; इसका उपयोग कभी भी इंटरफ़ेस तत्वों के लिए नहीं किया जाता है।

तटस्थ

• Eggshell #fdfcfc — पेज का कैनवास, बटन की सतहें और कार्ड की सतहें एकदम सफेद होने के बजाय थोड़ी गर्म और हल्की मलाईदार रंग की हैं, ताकि डिजिटल चमक से बचा जा सके और साइट को कागज जैसा शांत एहसास मिल सके।
• Warm Taupe #f5f3f1 — विभाजक पट्टियाँ, सजावटी कार्ड और एक अतिरिक्त सतह स्तर - जो मैट सतह से एक कदम गहरा है - एक शांत, सीमाहीन विभाजन बनाते हैं।
• Stone #ebe8e4 — पतले बॉर्डर, डिवाइडर और आइकन बैकग्राउंड एक गर्म ग्रे रंग के हैं जो हल्के भूरे और मध्यम ग्रे के बीच में आते हैं, लेकिन ठंडेपन का एहसास नहीं कराते।
• Ink #000000 — चाहे वह बॉडी टेक्स्ट हो, भरे हुए बटन हों, नेविगेशन हो या लिंक हों, शुद्ध काला रंग एक गर्म रंग पैलेट के लिए आधार का काम करता है और सिस्टम में एकमात्र तीखा कंट्रास्ट पैदा करता है।
• Graphite #44403b — मुख्य पाठ, अनुभाग शीर्षक - ऐसे पाठ के लिए एक सूक्ष्म, गर्म, गहरा धूसर रंग उपयुक्त है जिसे काले रंग की कठोरता के बिना प्रभावशाली होना चाहिए।
• Smoke #777169 — मुख्य पाठ, संक्षिप्त विवरण और कैप्शन मध्यम-गर्म भूरे रंग में हैं; यह कार्डों और विषयगत पाठों की प्रमुख, पठनीय, फिर भी शांत शैली को दर्शाता है।

टाइपोग्राफी

10 से 48px तक · 8 चरण

• Waldenburg — प्रतिस्थापन: Inter (300) or Söhne Light · रूपरेखा 300 · केवल शीर्षकों और डिज़ाइन तत्वों के लिए। 48/36/32px फॉर्मेट में 300 के फॉन्ट वेट के साथ उपयोग किया जाता है—यह अल्ट्रा-लाइट फॉन्ट अपरंपरागत है; अधिकांश वेबसाइटें 600-700 वेट का उपयोग करती हैं; यह सूक्ष्म फॉन्ट संयम के माध्यम से अधिकार का भाव व्यक्त करता है। -0.02em की तंग अक्षर दूरी बड़े आकार में अक्षरों के बीच अधिक निकटता प्रदान करती है। विकल्प: 300 वेट में "इंटर" या प्रीमियम विकल्प के रूप में लाइट वेट में "सोहने"।
• Inter — प्रतिस्थापन: Inter or system-ui · रूपरेखा 400, 500 · स्क्रीन से बाहर की सभी चीज़ें: बॉडी टेक्स्ट, नेविगेशन, बटन, लिंक, लेबल, इनपुट फ़ील्ड, कार्ड। डिफ़ॉल्ट फ़ॉन्ट वेट 400 है; 500 बटन और हाइलाइट किए गए लिंक के लिए आरक्षित है। साइज़ 10 से 10 तक हैं, जिनमें कम लाइन स्पेसिंग (1.47–1.6) है, जिससे पैराग्राफ़ को पर्याप्त जगह मिलती है। 14 से 3 साइज़ में +1 (2) की छोटी लेटर स्पेसिंग छोटे साइज़ में पठनीयता को बेहतर बनाती है।
• Geist Mono — प्रतिस्थापन: JetBrains Mono or IBM Plex Mono · रूपरेखा 400 · कोड या तकनीकी पाठ के बगल में स्थित सूक्ष्म पाठ, 13px की दूरी पर स्थित—तकनीकी लेबल या मेटाडेटा के लिए शायद ही कभी उपयोग किया जाता है (आवृत्ति = 28)। एकल परत, 1.69 की बड़ी पंक्ति ऊंचाई।

अंतराल और रूप

समान शैलियाँ

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