Seline Analytics

पैलेट

ब्रांड

• Cyan Signal #3ba6f1 — पेज पर मौजूद एकमात्र रंगीन तत्व कॉल टू एक्शन, सक्रिय लिंक और ब्रांड आइकन की रूपरेखा हैं, जिनका उपयोग बहुत कम मात्रा में किया गया है ताकि ध्यान उस कार्रवाई की ओर आकर्षित हो सके।
• Cyan Edge #3398e1 — एक्शन आउटलाइन, लिंक लेबल और इंटरैक्टिव तत्वों को हाइलाइट करने के लिए नीले रंग का उपयोग किया जाता है। इसे कॉल टू एक्शन के प्राथमिक रंग के रूप में उपयोग नहीं किया जाना चाहिए।

तटस्थ

• Ink Black #0c0a09 — मुख्य शीर्षक, हाइलाइट किया गया बॉडी टेक्स्ट और अभिव्यंजक आइकन एक गर्म, लगभग काले रंग में हैं।
• Stone Canvas #fafaf9 — पेज का बैकग्राउंड एक गर्म, मलाईदार रंग का है जो स्क्रीन के सफेद रंग के बजाय कागज जैसा लगता है।
• Pure White #ffffff — मानचित्र की सतहें, उभरे हुए पैनल और इनपुट फ़ील्ड फिल डिफ़ॉल्ट रूप से सपाट और छायाहीन होते हैं।
• Stone Border #e8e6e5 — कार्ड, नेविगेशन और इनपुट फ़ील्ड पर पतली बॉर्डर प्राथमिक संरचनात्मक तत्व हैं, न कि विभाजक।
• Stone Muted #d6d3d1 — अतिरिक्त फ्रेम, सूक्ष्म पृष्ठभूमि शेड्स, सजावटी विभाजक।
• Ash Gray #a8a29e — सहायता पाठ, आइकन की रूपरेखा, अक्षम अवस्थाएँ - पठनीय लेकिन निष्क्रिय।

टाइपोग्राफी

10 से 52px तक · 5 चरण

• Roobert — प्रतिस्थापन: Inter Tight or Satoshi · रूपरेखा 400, 500 · शीर्षकों और टेक्स्ट लेआउट के लिए इस्तेमाल किया गया फ़ॉन्ट एक अनोखा ज्यामितीय सैन्स-सेरिफ़ है जिसमें अक्षरों के बीच न्यूनतम नकारात्मक अंतराल (32px पर -0.025em, 52px पर -0.021em) है। 400 x 52px का वज़न इस फ़ॉन्ट की पहचान है: अपरंपरागत, सूक्ष्म, फिर भी प्रभावशाली, और संयमित। शीर्षक बिना अधिक हावी हुए अपनी जगह पर उपयुक्त प्रतीत होते हैं।
• Inter — प्रतिस्थापन: Inter · रूपरेखा 400, 500, 600 · बॉडी टेक्स्ट, नेविगेशन, यूआई और हेडिंग के लिए प्राथमिक फ़ॉन्ट एक न्यूट्रल, यूनिवर्सल फ़ॉन्ट है जो स्क्रीन से बाहर के सभी टेक्स्ट के लिए उपयुक्त है। बॉडी टेक्स्ट के लिए 14px का आकार, 400 का वेट और 1.64 का लाइन स्पेसिंग सबसे ज़्यादा इस्तेमाल किया जाता है (फ़्रीक्वेंसी 1174)। छोटे साइज़ में पॉजिटिव लेटर स्पेसिंग (0.004em) घने यूआई की पठनीयता सुनिश्चित करता है।

अंतराल और रूप

समान शैलियाँ

• Mollie — एक कश्मीरी काउंटर, एक गहरे रंग का बहीखाता। काले अक्षरों के चारों ओर संपादकीय डिजाइन के लिए पर्याप्त खाली जगह छोड़ें, फिर गर्म क्रीम, एस्प्रेसो ब्राउन और वास्तविक भुगतान विधियों की स्पर्शनीय तस्वीरों के साथ उत्पाद से संबंधित बिंदुओं को सुदृढ़ करें।
• Kagi — एक अलग पठन कक्ष। गहरे भूरे रंग के अक्षरों के चारों ओर एक खुला सफेद स्थान बनाएं, शांति को भंग करने के लिए हल्के बैंगनी रंग के स्पर्श और गर्म पेस्टल सतहों का उपयोग करें।
• Milanote — मिलानोट एक समर्पित क्रिएटिव स्टूडियो है। फ्लोटिंग विजुअल बोर्ड का उपयोग करके संपादकीय गैलरी-शैली के पेज बनाएं: गहरे रंग की फ्रेम वाली दीवारें, सफेद डिस्प्ले स्पेस और स्क्रीनशॉट जो कोमल गहराई के साथ वास्तविक वस्तुओं की तरह दिखते हैं।
• Co2 — सर्दियों की रोशनी में एक जलवायु एटलस। हवाई दस्तावेज़ परिदृश्य की तरह पृष्ठ बनाएं, जहां सेरिफ़ हेडिंग, श्रेणी-कोडित डेटा और बर्फीली छवियां चौड़े सफेद हाशिये को उजागर करती हैं।
• GitButler — पाठ के अंत में फ़िरोज़ी रंग। उच्च-विपरीत सेरिफ़ शीर्षकों का सूक्ष्म तकनीकी ग्रिड, गर्म ग्रेफाइट सतहों और एक सूक्ष्म फ़िरोज़ी लहजे के साथ संयोजन।
• ElevenLabs — हल्के क्रीम रंग के शेड्स में एक फोटो निबंध, जिसमें सूक्ष्म शीर्षक हैं। बॉहॉस शैली की एक नोटबुक—अंडे के छिलके के रंग का कागज, काली स्याही, और उत्पाद प्रदर्शन के लिए बैंगनी और नारंगी रंग का एक विशेष स्पर्श।
• Awesomic — नारंगी रंग के विराम चिह्नों से सजी संपादकीय जस्ता जाली, जो कॉन्फेटी की याद दिलाती है।
• Monad — गर्म चर्मपत्र पर संपादकीय तकनीकी पत्रिका
• Dub — लिंक का मैट राइस पेपर कंट्रोल पैनल
• Notion — दोपहर की धूप में गर्म कागज की नोटबुक
• Anthropic — गर्म चर्मपत्र पर छपी एक वैज्ञानिक क्षेत्र पत्रिका—शांत हाथीदांत जैसी सतहें, सेरिफ़ वाले संपादकीय शीर्षक, और मिट्टी का एक हल्का सा स्पर्श जो केवल तभी दिखाई देता है जब कार्रवाई की आवश्यकता होती है।
• Calendly — ठंडे संगमरमर पर गहरे नीले रंग की स्याही

श्रेणी के अनुसार शैलियों की सूची