Seline Analytics
गर्म कागज पर एक शांत विश्लेषणात्मक तालिका
सेलाइन को एक गर्म पत्थर जैसी पृष्ठभूमि (#fafaf9) पर सेट किया गया है, जिसमें एक जीवंत नीले रंग का स्पर्श है—अन्य सभी रंग तटस्थ हैं और टेलविंड स्टोन कलर पैलेट से लिए गए हैं। हेडलाइन एक विशेष रूप से डिज़ाइन किए गए ज्यामितीय सैन्स-सेरिफ़ फ़ॉन्ट (roobert) में 400 के वेट और संकीर्ण नेगेटिव लेटर स्पेसिंग के साथ प्रस्तुत की गई हैं, जो टेक्स्ट को एक शांत, लगभग फुसफुसाहट जैसी आत्मविश्वासपूर्ण शैली प्रदान करती है, जो आमतौर पर शोरगुल वाले SaaS स्टाइल के विपरीत है। UI सतहें सपाट सफेद कार्ड हैं, जो एक हल्के, 16px ब्लर के साथ गर्म पृष्ठभूमि के ऊपर तैरती हैं; बॉर्डर पतली, 1px पत्थर के रंग की रेखाओं से बनाए गए हैं, जिनका उपयोग भारी विभाजकों या पैनलों के बजाय प्राथमिक संरचनात्मक तत्व के रूप में किया गया है। लेआउट जीवंत है: उदार ऊर्ध्वाधर लय पर केंद्रित पूर्ण-चौड़ाई वाली सामग्री, पिल-आकार के इंटरैक्टिव नियंत्रण, व्यक्तित्व के लिए एक शुभंकर चित्रण, और उत्पाद प्रमाण के रूप में डैशबोर्ड स्क्रीनशॉट। समग्र प्रभाव संपादकीय रूप से विश्लेषणात्मक है: शांत, मोनोक्रोम, आत्मविश्वासपूर्ण, जिसमें नीले रंग का कॉल टू एक्शन पृष्ठ पर सबसे आकर्षक तत्व है, जो अन्य सभी चीजों के जानबूझकर संयम के कारण है।
यह पेज अधिकतम चौड़ाई का है, लगभग 1200px पर केंद्रित है और इसमें पर्याप्त ऊर्ध्वाधर स्थान है। हीरो सेक्शन दो पंक्तियों का है, जो बाईं ओर संरेखित है और इसमें नीले रंग में एक हाइलाइट किया हुआ वाक्यांश ("सरल और प्रभावी") है। इसके बाद दो कॉल टू एक्शन (ब्लू पिल + घोस्ट पिल) वाली एक पंक्ति है, फिर ग्रे रंग में पार्टनर लोगो की एक पंक्ति, उसके बाद ट्रस्ट रेटिंग की एक पंक्ति और फिर पूर्ण चौड़ाई वाला फ्लोटिंग डैशबोर्ड पूर्वावलोकन है, जो अगले सेक्शन को थोड़ा ओवरलैप करता है। फ़ोल्ड के नीचे एक कॉलम ग्रिड में वैकल्पिक पंक्तियों में प्रशंसापत्र हैं, इसके बाद पूर्ण चौड़ाई वाले सेक्शन हैं जिनमें फ़ीचर विवरण, बाईं ओर संरेखित टेक्स्ट और केंद्रित उत्पाद विज़ुअल हैं। नेविगेशन एक न्यूनतम टॉप बार है—बाईं ओर लोगो, केंद्रित नेविगेशन लिंक, दाईं ओर लॉगिन + नीला कॉल टू एक्शन—जिसके मध्य में अवतारों का एक फ्लोटिंग क्लस्टर है जो पहचान सत्यापन के रूप में कार्य करता है। सेक्शन के बीच का स्थान चौड़ा (96px) है ताकि जानकारी के घने जंजाल के बजाय एक संपादकीय लय बनाई जा सके।
उत्पाद के यूजर इंटरफेस के स्क्रीनशॉट दृश्य भाषा में प्रमुखता से दिखाई देते हैं—डैशबोर्ड का पूर्वावलोकन एक तस्वीर है जिसे ग्रेस्केल (1) (0.94) कंट्रास्ट फिल्टर के साथ प्रस्तुत किया गया है, जो डेटा के रंगों को एकरंगी आभा में बदल देता है। एकमात्र मानव आकृति एक रेखीय शुभंकर स्टिकर (एक हुड वाला पात्र) है, जिसे केवल रूपरेखाओं के साथ SVG शैली में बनाया गया है और विश्लेषणात्मक सामग्री के विपरीत एक चंचल प्रभाव पैदा करने के लिए प्रत्येक अनुभाग में एक बार रखा गया है, जिसमें गहराई का प्रभाव पैदा करने के लिए हल्की छाया है। ब्रांड लोगो और प्रतीक छोटे काले स्पार्क/लौ हैं। कोई तस्वीरें नहीं हैं—कोई जीवनशैली की तस्वीरें नहीं, कोई टीम की तस्वीरें नहीं, कोई पर्यावरणीय छवियां नहीं। वस्तु (डैशबोर्ड) ही मुख्य पात्र है। सभी सजावटी आइकन 1px रूपरेखा शैली में #0c0a09 या #3ba6f1 रंग में हैं, कभी भरे नहीं गए।
पैलेट
ब्रांड
- 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) घने यूआई की पठनीयता सुनिश्चित करता है।
अंतराल और रूप
| उद्देश्य | अर्थ |
|---|---|
| घनत्व | विशाल |
| बुनियादी कदम | 8px |
| बटन त्रिज्या | 9999px |
| कार्ड त्रिज्या | 10px |
| छैया छैया | कोमल छायाएँ |
| अनुभागों के बीच | 96px |
| पृष्ठ की चौड़ाई | 1200px |
एआई आपकी वेबसाइट को Seline Analytics शैली में बनाएगा और उसमें डेटा भरेगा।
- इन लिंक के माध्यम से उत्पादों और पोस्ट से भरें - Instagram, TikTok, Facebook ।
- अपनी पुरानी वेबसाइट से सामग्री स्थानांतरित करें—बस पता निर्दिष्ट करें।
- सर्वश्रेष्ठ इंजन पर आधुनिक डिजाइन: React ( Next.js) जिसमें सर्वर रेंडरिंग और एसईओ अनुकूलन की सुविधा अंतर्निहित है।
- खोज परिणामों और न्यूरल नेटवर्क अनुशंसाओं के लिए पूरी तरह से स्वचालित एसईओ अनुकूलन।
समान शैलियाँ
- ElevenLabs — हल्के क्रीम रंग के शेड्स में एक फोटो निबंध, जिसमें सूक्ष्म शीर्षक हैं। बॉहॉस शैली की एक नोटबुक—अंडे के छिलके के रंग का कागज, काली स्याही, और उत्पाद प्रदर्शन के लिए बैंगनी और नारंगी रंग का एक विशेष स्पर्श।
- Awesomic — नारंगी रंग के विराम चिह्नों से सजी संपादकीय जस्ता जाली, जो कॉन्फेटी की याद दिलाती है।
- Monad — गर्म चर्मपत्र पर संपादकीय तकनीकी पत्रिका
- Dub — लिंक का मैट राइस पेपर कंट्रोल पैनल
- Notion — दोपहर की धूप में गर्म कागज की नोटबुक
- Anthropic — गर्म चर्मपत्र पर छपी एक वैज्ञानिक क्षेत्र पत्रिका—शांत हाथीदांत जैसी सतहें, सेरिफ़ वाले संपादकीय शीर्षक, और मिट्टी का एक हल्का सा स्पर्श जो केवल तभी दिखाई देता है जब कार्रवाई की आवश्यकता होती है।
- Calendly — ठंडे संगमरमर पर गहरे नीले रंग की स्याही
- Augen Pro — एप्पल के सफेद रंग के प्रेजेंटेशन में एक मोनोक्रोम स्पेस में एकमात्र एक्सेंट के रूप में एक क्लीनिकल, भारहीन, इलेक्ट्रिक ब्लू रंग का इस्तेमाल किया गया है।
- Antimetal — क्रीम रंग के कागज़ पर छपा एक संपादकीय लेख—एक वैज्ञानिक पत्रिका में एक शांत सुबह, जहाँ संयम आत्मविश्वास को दर्शाता है और सेरिफ़ फ़ॉन्ट मुख्य भूमिका निभाते हैं।
- Perk — गर्म चर्मपत्र कागज पर इलेक्ट्रिक लाइम
- Ditto — धूप से जगमगाती एक कार्यशाला में जंगली फूलों के नमूने तैयार किए जा रहे हैं। गर्म क्रीम रंग की सतहें, चमकीला पीला आधार रंग, गहरे नीले रंग की स्याही, और कलाकृति के पीछे खिलते हुए जैविक रंग के आकार।
- Officevibe — हल्के क्रीम रंग के कागज पर छपी एक संपादकीय पत्रिका। कल्पना कीजिए मानव संसाधन प्रबंधन पर लिखे एक विचारोत्तेजक निबंध की, जिसे एक उत्पाद के रूप में प्रस्तुत किया गया है—एक आधुनिक नीले इंटरफ़ेस पर घुमावदार सेरिफ़ फ़ॉन्ट में छपे शब्द।