Calendly
थंड संगमरवरावर गडद निळी शाई
कॅलेंडली हे एक शांत, आत्मविश्वासपूर्ण नियोजन कार्यक्षेत्र असल्यासारखे वाटते: भरपूर मोकळी जागा असलेला जवळजवळ पांढरा कॅनव्हास, आकर्षक राखाडी पार्श्वभूमीवर तरंगणारी सुस्पष्ट पांढरी प्रॉडक्ट कार्ड्स आणि संपूर्ण काळ्या रंगाऐवजी गडद निळ्या शाईत केलेले टायपोग्राफी. याचा मुख्य घटक म्हणजे गडद निळा रंग (#0b3558), जो मजकूर दिसणाऱ्या प्रत्येक ठिकाणी—मथळे, बटणे, आयकॉन्स, लिंक्स—वापरला आहे. हा रंग संपूर्ण इंटरफेसला मृदू बनवतो, ज्यामुळे तो सामान्य SaaS लँडिंग पेजपेक्षा अधिक उबदार आणि स्टायलिश दिसतो. सर्व मुख्य क्रियांसाठी एकच चमकदार निळा रंग (#006bff) वापरला आहे, आणि प्रॉडक्ट लेआउटच्या पलीकडे पसरलेल्या सजावटीच्या गुलाबी आणि निळ्या रंगांच्या छटा गोंधळ न करता उबदारपणा आणतात. घटक कमीत कमी ठेवले आहेत: पातळ १px बॉर्डर्स, हलकी निळी छटा असलेली शॅडोज, मोठी २४px कार्ड त्रिज्या आणि ८px बटणांचे कोपरे हे सर्व नीरस वाटण्याऐवजी हेतुपुरस्सर वापरल्यासारखे वाटतात.
डेस्कटॉपवर कमाल रुंदी १२००px, मध्यभागी, रुंद मार्जिनसह. मुख्य स्क्रीन दोन स्तंभांमध्ये विभागलेली आहे: डाव्या स्तंभात ८०px हेडर + मुख्य मजकूर + एकावर एक ठेवलेली लॉगिन बटणे आहेत, तर उजव्या स्तंभात पार्श्वभूमीत सजावटीचे घटक असलेले बुकिंग विजेट कार्ड आहे. मुख्य स्क्रीनच्या खाली ट्रस्ट लोगो असलेली एकच, पूर्ण-रुंदीची पट्टी आहे. त्यानंतरच्या विभागांमध्ये मध्यभागी असलेले हेडर ब्लॉक्स (H2 + उपमजकूर + ऐच्छिक कॉल टू ॲक्शन) आणि त्यानंतर वैशिष्ट्यांचे वर्णन करणारे दोन-स्तंभीय ब्लॉक्स (डावीकडे मजकूर/उजवीकडे उत्पादन किंवा डावीकडे उत्पादन/उजवीकडे मजकूर) एकाआड एक येतात, ज्यात प्रत्येक उत्पादनाच्या प्रतिमेमागे सजावटीचे घटक असतात. कार्ड ग्रिडचा वापर क्वचितच केला जातो—लेआउटमध्ये बहु-स्तंभीय ग्रिडऐवजी एकमेकांच्या शेजारी ठेवलेल्या जोडलेल्या विभागांना प्राधान्य दिले आहे. विभागांमधील अंतर ४८ ते ६४px पर्यंत आहे. नेव्हिगेशन ही ६४px ची एक स्थिर टॉप बार आहे, ज्यात डावीकडे लोगो, मध्यभागी मेनू आणि उजवीकडे कॉल टू ॲक्शनचा समूह आहे.
मुख्य दृश्य घटक म्हणजे प्रॉडक्ट स्क्रीनशॉट्स—बुकिंग कॅलेंडर युझर इंटरफेसचे साधे मॉकअप्स, जे रुंद, गोलाकार कोपरे असलेल्या सुस्पष्ट पांढऱ्या कार्डांवर प्रस्तुत केलेले आहेत. सजावटीची रचना: प्रत्येक प्रॉडक्ट कार्डच्या सभोवताली कोरल पर्पल (#e55cff) किंवा अझूर ब्लू (#0099ff) रंगाचा एक सौम्य ठिपका आहे, जो किंचित ऑफसेट आणि ब्लर केलेला आहे, ज्यामुळे सपाट स्क्रीनशॉटऐवजी कोलाज इफेक्ट तयार होतो. कोणतेही फोटो नाहीत, लाइफस्टाइल इमेजेस नाहीत—सर्व दृश्य घटक प्रॉडक्ट युझर इंटरफेस, अमूर्त ॲक्सेंट आकार किंवा ट्रस्ट बारवरील मोनोक्रोम पार्टनर लोगो दर्शवतात. आयकॉन्स १.५–२px रुंदीच्या रेषेसह रेखीय, मोनोक्रोम असून गडद निळ्या (इंक नेव्ही) किंवा निळ्या (सिग्नल ब्लू) रंगात आहेत.
पॅलेट
ब्रँड
- Ink Navy
#0b3558— मुख्य मजकूर, शीर्षके, चिन्हे, कृतीसाठीच्या आवाहनांसाठी गडद पार्श्वभूमी, नेव्हिगेशन लिंक्स. - Signal Blue
#006bff— प्राथमिक कृती आवाहन (CTA), सक्रिय नॅव्हिगेशन, दुव्यावर जोर, निवडलेल्या राज्ये
तटस्थ
- Carbon
#0a0a0a— पूर्ण काळ्या रंगातील मजकूर (फॉलबॅक), लोगो ग्लिफ, आयकॉन फिल. - Slate Gray
#476788— अतिरिक्त मुख्य मजकूर, पूरक मजकूर, निःशब्द लेबले. - Mist Gray
#a6bbd1— अक्षम केलेला मजकूर, निष्क्रिय कार्यांची लेबले, हलक्या रंगाच्या आयकॉनच्या बाह्यरेखा - Cloud
#f8f9fb— पृष्ठ कॅनव्हास, फुटरची पार्श्वभूमी, अतिरिक्त पृष्ठभाग - Paper
#ffffff— कार्डचा पृष्ठभाग, उठावदार पॅनेल, गडद पार्श्वभूमीवर बटणावरील मजकूर. - Pebble
#f0f3f8— आयकॉनसाठी पार्श्वभूमी प्रतिमा, इनपुट फील्ड शेडिंग, सूक्ष्म विभाजक, होव्हर इफेक्ट्स.
टायपोग्राफी
१२ ते ८० पिक्सेल · १० टप्पे
- Gilroy — बदली: Manrope · रूपरेषा 400, 500, 600, 700 · सर्व इंटरफेस मजकूर. गिलरॉय हा रुंद अपर्चर आणि एकसमान स्ट्रोक कॉन्ट्रास्ट असलेला एक भौमितिक ह्युमॅनिस्ट सॅन्स-सेरिफ फॉन्ट आहे; त्याचे बोल्ड वेट्स (700) शीर्षकांसाठी वापरले जातात, तर 500–600 बटणे आणि उपशीर्षकांसाठी वापरले जातात. याऐवजी मॅनरोप किंवा इंटर वापरा.
- Gilroy — बदली: Inter · रूपरेषा 400 · मुख्य मजकूर आणि सर्वसाधारण UI लेबल्स - ४००-पॉइंट फॉन्ट वेटमुळे लांब मजकूरही जड न वाटता सुवाच्य राहतो.
- Gilroy — बदली: Inter · रूपरेषा 500 · दुय्यम शीर्षके आणि ठळक केलेला मुख्य मजकूर - कार्ड शीर्षके आणि इनलाइन लेबल्ससाठी 14/500 फॉन्ट हे मुख्य साधन आहे.
अंतर आणि स्वरूप
| उद्देश | अर्थ |
|---|---|
| घनता | दाट |
| मूलभूत पायरी | 8-16px |
| बटण त्रिज्या | 8px |
| कार्ड त्रिज्या | 24px |
| सावल्या | सावल्यांऐवजी सीमा नाहीत |
| विभागांच्या दरम्यान | 48-64px |
| पृष्ठाची रुंदी | 1200px |
एआय तुमची वेबसाईट Calendly स्टाईलमध्ये तयार करेल आणि ती भरेल.
- लिंकद्वारे उत्पादने आणि पोस्ट्स भरा - Instagram, TikTok, Facebook.
- तुमच्या जुन्या साइटवरून सामग्री हस्तांतरित करा—फक्त पत्ता नमूद करा.
- सर्वोत्तम इंजिनवर आधुनिक डिझाइन: React ( Next.js) ज्यामध्ये सर्व्हर रेंडरिंग आणि एसईओ ऑप्टिमायझेशन अंगभूत आहेत.
- शोध परिणामांसाठी पूर्णपणे स्वयंचलित एसईओ ऑप्टिमायझेशन आणि न्यूरल नेटवर्क शिफारसी.
समान शैली
- ElevenLabs — उबदार क्रीम रंगांच्या छटा असलेला आणि सुस्पष्ट मथळे असलेला एक छायाचित्र-निबंध. बाऊहाउस-शैलीची एक वही—अंड्याच्या कवचाच्या रंगाचा कागद, काळी शाई, आणि उत्पादने प्रदर्शित करण्यासाठी जांभळ्या व नारंगी रंगाचा एकच ठळक वापर.
- Awesomic — कॉन्फेटीची आठवण करून देणाऱ्या नारंगी विरामचिन्हांसह संपादकीय झिंक जाळी
- Monad — उबदार चर्मपत्रावरील संपादकीय तांत्रिक नियतकालिक
- Dub — लिंकचे मॅट राईस पेपर कंट्रोल पॅनल
- Seline Analytics — गरम कागदावर एक शांत विश्लेषणात्मक टेबल
- Notion — दुपारच्या उन्हात एक गरम कागदी वही
- Anthropic — उबदार वेल्लमवरील एक वैज्ञानिक क्षेत्रीय नियतकालिक—शांत हस्तिदंती पृष्ठभाग, सेरिफ अक्षरातील संपादकीय शीर्षके आणि केवळ आवश्यक कृतीच्या वेळी दिसणारा एकच चिकणमातीचा ठसा.
- Augen Pro — ऍपलच्या पांढऱ्या प्रेझेंटेशनमध्ये, एकरंगी जागेत एकमेव ॲक्सेंट म्हणून स्वच्छ, वजनहीन, इलेक्ट्रिक निळ्या रंगाचा वापर करण्यात आला आहे.
- Antimetal — क्रीम रंगाच्या कागदावरील संपादकीय वृत्तांत—एका वैज्ञानिक नियतकालिकातील शांत सकाळ, जिथे संयम आत्मविश्वास दर्शवतो आणि सेरिफ्स (अक्षरांची विशिष्ट शैली) मुख्य कार्य करतात.
- Perk — गरम पार्चमेंट पेपरवर इलेक्ट्रिक लाईम
- Ditto — सूर्यप्रकाशित कार्यशाळेत रानफुलांचे नमुने तयार केले जात आहेत. उबदार क्रीम रंगाचा पृष्ठभाग, एक तेजस्वी पिवळा आधार रंग, गडद निळ्या रंगाची शाई आणि कलाकृतीच्या मागे फुलणारे नैसर्गिक रंगांचे आकार.
- Officevibe — उबदार क्रीम रंगाच्या कागदावरील एक संपादकीय मासिक. एचआर व्यवस्थापनावरील एका विचारप्रवर्तक निबंधाची कल्पना करा, जो एका उत्पादनाच्या रूपात सादर केला आहे—आधुनिक निळ्या इंटरफेसमधून हळूवारपणे येणारा एक वळणदार सेरिफ फॉन्ट.