Seline Analytics
गरम कागदावर एक शांत विश्लेषणात्मक टेबल
सेलीन हे एका उबदार दगडी पार्श्वभूमीवर (#fafaf9) मांडले आहे, ज्यावर एकच तेजस्वी निळा रंग वापरला आहे—इतर सर्व रंग तटस्थ असून ते टेलविंड स्टोन कलर पॅलेटमधून घेतले आहेत. मथळे एका खास डिझाइन केलेल्या भौमितिक सॅन्स-सेरिफ फॉन्टमध्ये (roobert) दिले आहेत, ज्याचे वजन ४०० आहे आणि अक्षरांमध्ये अरुंद निगेटिव्ह स्पेसिंग आहे. यामुळे मजकुराला एक निवांत, जवळजवळ कुजबुजल्यासारखा आत्मविश्वास मिळतो, जो सामान्यतः गजबजलेल्या SaaS शैलीच्या अगदी विरुद्ध आहे. UI पृष्ठभाग सपाट पांढऱ्या कार्ड्सच्या स्वरूपात आहेत, जे उबदार पार्श्वभूमीवर एकाच, सौम्य, १६px ब्लरसह तरंगत आहेत; बॉर्डर पातळ, १px दगडी रंगाच्या रेषांनी तयार केल्या आहेत, ज्यांचा वापर जड विभाजक किंवा पॅनेल्सऐवजी मुख्य संरचनात्मक घटक म्हणून भरपूर प्रमाणात केला आहे. लेआउटमध्ये एक प्रकारचा जिवंतपणा आहे: एका मोठ्या उभ्या लयीवर मध्यभागी ठेवलेला पूर्ण-रुंदीचा मजकूर, गोळीच्या आकाराची इंटरॅक्टिव्ह नियंत्रणे, व्यक्तिमत्त्वासाठी एक शुभंकर चित्र आणि उत्पादनाचा पुरावा म्हणून डॅशबोर्डचे स्क्रीनशॉट्स. एकूणच छाप संपादकीयदृष्ट्या विश्लेषणात्मक आहे: शांत, एकरंगी, आत्मविश्वासपूर्ण, आणि इतर सर्व गोष्टींमधील हेतुपुरस्सर संयमामुळे निळ्या रंगातील 'कॉल टू ॲक्शन' हा पानावरील सर्वात लक्षवेधी घटक ठरतो.
हे पान कमाल रुंदीचे असून, सुमारे १२०० पिक्सेलवर मध्यभागी आहे आणि त्यात भरपूर उभी जागा आहे. मुख्य विभागात (हिरो) दोन ओळींचा, डावीकडे संरेखित केलेला मजकुराचा ब्लॉक आहे, ज्यात निळ्या रंगात एकच ठळक वाक्यांश ("साधे आणि प्रभावी") आहे. त्यानंतर दोन 'कॉल टू ॲक्शन' (निळी गोळी + अदृश्य गोळी) असलेली एक ओळ, मग ग्रेस्केलमध्ये भागीदारांच्या लोगोची एक ओळ, त्यानंतर विश्वासार्हता रेटिंगची एक ओळ आणि शेवटी पूर्ण-रुंदीचा तरंगता डॅशबोर्ड पूर्वावलोकन आहे, जो पुढील विभागावर किंचितसा आच्छादित होतो. खालील भागात (बिलो द फोल्ड) एकाच स्तंभाच्या ग्रिडमध्ये प्रशस्तिपत्रांच्या एकाआड एक ओळी आहेत, त्यानंतर वैशिष्ट्यांचे वर्णन, डावीकडे संरेखित मजकूर आणि मध्यभागी उत्पादनाचे व्हिज्युअल असलेले पूर्ण-रुंदीचे विभाग आहेत. नेव्हिगेशन एक किमानवादी टॉप बार आहे—डावीकडे लोगो, मध्यभागी नेव्हिगेशन लिंक्स, उजवीकडे लॉगिन + निळा 'कॉल टू ॲक्शन'—ज्याच्या मध्यभागी ओळख पडताळणीसाठी अवतारांचा एक तरंगता समूह आहे. माहितीचा दाट गोंधळ निर्माण करण्याऐवजी संपादकीय लय तयार करण्यासाठी विभागांमधील जागा रुंद (९६ पिक्सेल) ठेवल्या आहेत.
दृश्यात्मक भाषेवर उत्पादनाच्या युझर इंटरफेसच्या स्क्रीनशॉट्सचे वर्चस्व आहे—डॅशबोर्ड प्रिव्ह्यू हा ग्रेस्केल (1) (0.94) कॉन्ट्रास्ट फिल्टर वापरून रेंडर केलेला एक फोटो आहे, जो डेटाचे रंग मंद करून त्याला एकरंगी छटा देतो. एकमेव मानवी आकृती ही एक रेखीय मॅस्कॉट स्टिकर (हुड घातलेले पात्र) आहे, जे केवळ बाह्यरेषा वापरून SVG शैलीत रेखाटलेले आहे आणि विश्लेषणात्मक मजकुराला एक खेळकर विरोधाभास म्हणून प्रत्येक विभागात एकदा ठेवलेले आहे. याला एक सौम्य सावली दिली आहे, ज्यामुळे स्टिकरप्रमाणे खोलीचा प्रभाव निर्माण होतो. ब्रँडचा लोगो आणि ग्लिफ्स लहान काळ्या ठिणग्या/ज्वाला आहेत. यात कोणतेही फोटो नाहीत—ना जीवनशैलीचे फोटो, ना टीमचे फोटो, ना परिसराची चित्रे. मुख्य वस्तू (डॅशबोर्ड) हीच मुख्य आहे. सर्व सजावटीचे आयकॉन्स #0c0a09 किंवा #3ba6f1 रंगांमध्ये 1px बाह्यरेषा शैलीचे आहेत आणि ते कधीही भरलेले नाहीत.
पॅलेट
ब्रँड
- Cyan Signal
#3ba6f1— कृतीकडे लक्ष वेधण्यासाठी, मुख्य कृती आवाहन, सक्रिय लिंक्स आणि ब्रँड आयकॉन्सची बाह्यरेखा हेच पानावरील एकमेव रंगीत घटक आहेत, जे अत्यंत कमी प्रमाणात वापरले आहेत. - Cyan Edge
#3398e1— कृतीची रूपरेषा, लिंकची नावे आणि संवादात्मक घटक ठळक करण्यासाठी निळ्या रंगाचा वापर केला जातो. कृतीसाठीच्या आवाहनांकरिता (calls to action) तो मुख्य रंग म्हणून वापरला जाऊ नये.
तटस्थ
- Ink Black
#0c0a09— मुख्य शीर्षके, ठळक केलेला मुख्य मजकूर आणि अर्थपूर्ण चिन्हे उबदार, जवळजवळ काळ्या रंगात आहेत. - Stone Canvas
#fafaf9— पानाच्या पार्श्वभूमीचा रंग उबदार, मलईदार छटा आहे, ज्यामुळे स्क्रीनच्या पांढऱ्या रंगाऐवजी कागदासारखा स्पर्श जाणवतो. - Pure White
#ffffff— नकाशाचे पृष्ठभाग, बाहेर आलेले पॅनेल आणि इनपुट फील्डमधील भरणा पूर्वनिर्धारितपणे सपाट आणि छायारहित असतात. - Stone Border
#e8e6e5— कार्ड्स, नॅव्हिगेशन आणि इनपुट फील्ड्सवरील पातळ कडा हे मुख्य संरचनात्मक घटक आहेत, विभाजक नव्हेत. - Stone Muted
#d6d3d1— अतिरिक्त फ्रेम्स, पार्श्वभूमीच्या सौम्य छटा, सजावटीचे विभाजक. - Ash Gray
#a8a29e— मदत मजकूर, आयकॉनच्या बाह्यरेखा, निष्क्रिय अवस्था - वाचनीय परंतु निष्क्रिय.
टायपोग्राफी
१० ते ५२ पिक्सेल · ५ टप्पे
- Roobert — बदली: Inter Tight or Satoshi · रूपरेषा 400, 500 · शीर्षके आणि मजकूर मांडणीसाठी वापरलेला फॉन्ट हा एक अद्वितीय भौमितिक सॅन्स-सेरिफ आहे, ज्यामध्ये अक्षरांमधील अंतर अगदी कमी आहे (-0.025em ३२px वर, -0.021em ५२px वर). ४०० x ५२px हे वजन या फॉन्टचे वैशिष्ट्य आहे: अपारंपरिक, सूक्ष्म, तरीही अधिकारपूर्ण, आणि तरीही संयमित. मथळे प्रभावी न होता आपले स्थान टिकवून ठेवतात.
- Inter — बदली: Inter · रूपरेषा 400, 500, 600 · मुख्य मजकूर, नेव्हिगेशन, UI आणि शीर्षकांसाठीचा प्राथमिक फॉन्ट हा सर्व ऑफ-स्क्रीन मजकुरासाठी एक तटस्थ, सार्वत्रिक फॉन्ट आहे. मुख्य मजकुरासाठी 14px, 400 वेट आणि 1.64 लाइन स्पेसिंग हा प्रमुख आकार आहे (वारंवारता 1174). लहान आकारांमध्ये पॉझिटिव्ह लेटर स्पेसिंग (0.004em) दाट UI ची वाचनीयता सुनिश्चित करते.
अंतर आणि स्वरूप
| उद्देश | अर्थ |
|---|---|
| घनता | प्रशस्त |
| मूलभूत पायरी | 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 — उबदार क्रीम रंगाच्या कागदावरील एक संपादकीय मासिक. एचआर व्यवस्थापनावरील एका विचारप्रवर्तक निबंधाची कल्पना करा, जो एका उत्पादनाच्या रूपात सादर केला आहे—आधुनिक निळ्या इंटरफेसमधून हळूवारपणे येणारा एक वळणदार सेरिफ फॉन्ट.