
Authkit
मध्यरात्रीचे फ्रॉस्टेड ग्लास कॅथेड्रल
ऑथकिट रात्रीच्या वेळी उत्पादन सादरीकरणाचे एक सौंदर्यशास्त्र तयार करते: फ्रॉस्टेड काचेच्या पृष्ठभागांसह एक जवळजवळ काळा कॅनव्हास, अस्पष्ट रेषांची एक जाळी आणि काचेच्या थराने प्रकाशित झाल्यासारखा दिसणारा चमकणारा मजकूर. गडद पार्श्वभूमीवर फॉन्ट जवळजवळ पूर्णपणे पांढरा आहे, ज्यात एकमेव कार्यात्मक घटक म्हणून एक चमकदार जांभळा रंग वापरला आहे—प्रत्येक इंटरॅक्टिव्ह पृष्ठभागावर एका कठोर फ्रेमऐवजी थंड निळसर-पांढऱ्या रंगाची एक मऊ, पातळ रेषा आहे. घटक अर्धपारदर्शक थरांवर मांडलेले आहेत, जे एका वातावरणीय प्रकाशावर (ॲम्बियंट ग्लो) आच्छादलेले आहेत, आणि कार्ड्स कागदी पॅनेलऐवजी खालून प्रकाशित झालेल्या काचेच्या प्लेट्ससारखे दिसतात. दोन अक्षरांमधील अंतर मोठे आणि लयबद्ध आहे; पारंपरिक स्प्लिट-स्क्रीन लेआउटऐवजी, मुख्य घटक म्हणजे पानाच्या संपूर्ण रुंदीवर पसरलेला एकच प्रकाशित लोगो, जो तरंगणाऱ्या काचेच्या कार्ड्सनी वेढलेला आहे.
पूर्ण रुंदीचा, गडद कॅनव्हास, ज्यामध्ये मध्यभागी एक कंटेंट कंटेनर आहे, कमाल रुंदी १२०० पिक्सेल. मुख्य घटक म्हणजे एका लहान भुवईच्या आकाराच्या मजकुराखाली असलेला एकच, मध्यभागी असलेला, प्रकाशमान लोगो ("AuthKit" ग्रेडियंट फॉन्टमध्ये). या मजकुराच्या मागे/खाली लॉगिन फॉर्म असलेली तीन तरंगती काचेची कार्डे पसरलेली आहेत (डावे कार्ड डावीकडे झुकलेले, मधले कार्ड पूर्ण मोठे, उजवे कार्ड उजवीकडे झुकलेले). मुख्य घटकाच्या खाली मध्यभागी एक लाईट/डार्क थीम टॉगल आहे. मुख्य ओळ ही ६ आयकॉन्सची एक आडवी टाइमलाइन असून, गोलाकार आयकॉन्सना जोडणाऱ्या पातळ रेषा आहेत. विभागांची लय: प्रत्येक विभाग फिकट होणाऱ्या आडव्या रेषांनी वेढलेल्या मध्यभागी असलेल्या भुवईच्या आकाराच्या मजकुराने सुरू होतो, त्यानंतर एक मोठे, मध्यभागी असलेले शीर्षक (४४-४८ पिक्सेल), आणि त्यानंतर फिकट रंगातील मुख्य मजकुराची एकच ओळ (१६-१८ पिक्सेल), कमाल रुंदी ~६४० पिक्सेल. कस्टमाइझ विभागात ब्राउझर विंडोचा एक मॉकअप दाखवला जातो, ज्यामध्ये मध्यभागी एक लॉगिन कार्ड असते आणि त्याच्या सभोवताली कॅनव्हासच्या कोपऱ्यांमध्ये फ्लोटिंग UI इन्स्पेक्टर पॅनेल्स (कलर पॅलेट्स, रेडियस स्लाइडर्स, लोगो आयकॉन सिलेक्टर, बटन टेक्स्ट फील्ड, पेज बॅकग्राउंड फील्ड) ठेवलेले असतात, जणू काही ते डिझाइन टूल्सचे वर्कस्पेस आहे.
व्हिज्युअल डिझाइनमध्ये 'ग्लास मॉर्फोलॉजी' शैलीत (ईमेल/पासवर्ड इनपुट फील्ड्स, सोशल मीडिया लॉगिन बटन्स, पासवर्डशिवाय कोड एंट्री) तयार केलेल्या लॉगिन फॉर्म मॉकअप्सचे वर्चस्व आहे, जे गडद काळ्या कॅनव्हासवर तरंगणाऱ्या, अर्धपारदर्शक कार्ड्सच्या रूपात सादर केले आहेत. फीचर आयकॉन्स हे गोल, मॅट टाइल्समधील #d1e4fa रंगातील मोनोक्रोम लिनियर ग्लिफ्स आहेत. एक सूक्ष्म ग्रिड (rgba(186,215,247,0.06) मधील 1px रेषा) संपूर्ण पृष्ठ व्यापते, ज्यामुळे एक विशिष्ट वातावरण तयार होते, तर मुख्य घटकाच्या वरच्या बाजूला एक शंकूच्या आकाराचा ग्रेडियंट स्पॉटलाइट चमकतो. कोणतेही फोटो नाहीत, लाइफस्टाइल इमेजेस नाहीत, प्रॉडक्टचे स्क्रीनशॉट्स नाहीत—उत्पादन स्वतःच एक व्हिज्युअल घटक आहे: एका अंधाऱ्या स्टुडिओमध्ये काचेच्या प्रोटोटाइपप्रमाणे मांडलेली लॉगिन फील्ड्स.
पॅलेट
ब्रँड
- Void Violet
#663af3— कॉल-टू-ॲक्शन (CTA) बटणाचा मुख्य रंग हा लॉगिन फॉर्ममधील 'Continue/Submit' बटणासाठी खास वापरलेला एकमेव ॲक्सेंट रंग आहे; जवळजवळ काळ्या पार्श्वभूमीवरचा तेजस्वी जांभळा रंग एकरंगी रंगसंगतीमध्ये व्यत्यय न आणता तातडीची भावना निर्माण करतो.
तटस्थ
- Midnight Canvas
#05060f— पानाच्या पार्श्वभूमीपासून, कार्डच्या सर्वात खोल पृष्ठभागापर्यंत, बॅजमधील रंगरंगोटीपर्यंत—एक जवळजवळ काळा आधार ज्यावर बाकी सर्व काही तरंगते. - Steel Plate
#2f343e— उठावदार पृष्ठभाग, फँटम/सेकंडरी ॲक्शन बटणे, सुबक पॅनल बॅकिंग. - Fog Veil
#9da7ba— मुख्य मजकूर, म्हणजेच कार्डवरील मजकूर, वाचनीय आहे, परंतु शीर्षकांच्या तुलनेत तो पार्श्वभूमीवर गेला आहे. - Moon Mist
#c7d3ea— मुख्य मजकूर, अतिरिक्त लेबले, अस्पष्ट सहायक मजकूर - Frost Glow
#d1e4fa— बॉडी आणि लिंक टेक्स्ट, आयकॉन टेक्स्ट आणि आयकॉन फिलसाठी प्राथमिक फिल कलर हा डीफॉल्ट ग्लोइंग फोरग्राउंड आहे. - Ice Highlight
#d8ecf8— गडद पृष्ठभागांवर फिकट मजकूर, उलटी लेबल्स आणि उच्च-कॉन्ट्रास्ट मथळे. कृतीसाठीच्या आवाहनांकरिता (calls to action) तो मुख्य रंग म्हणून वापरू नका; ऑथकिट लोगो आणि महत्त्वाच्या मथळ्यांमध्ये हेडलाइन ग्रेडियंट—म्हणजे वरून खाली फिकट निळ्यापासून सौम्य निळ्या रंगापर्यंतचा एक सहज संक्रमण—वापरला जातो.
टायपोग्राफी
१२ ते ४८ पिक्सेल · ८ टप्पे
- Untitled Sans — बदली: Inter · रूपरेषा 400, 500, 600, 700 · मुख्य मजकूर, युझर इंटरफेस, बटणे, इनपुट फील्ड, आयकॉन्स, लहान शीर्षके - प्रत्येक कार्यात्मक गोष्टीसाठी एकच सार्वत्रिक फॉन्ट.
- aeonikPro — बदली: Space Grotesk · रूपरेषा 400, 500 · केवळ शीर्षके—म्हणजेच ऑथकिट ब्रँडिंग, विभाग शीर्षके आणि मुख्य मजकूर—दाखवताना, ४४-४८ पिक्सेलवर ५००-पॉइंट फॉन्ट वेट वापरल्याने ब्रँडिंगला भडकपणाऐवजी एक विस्तृत आणि संयमित स्वरूप मिळते.
- dotDigital — बदली: JetBrains Mono · रूपरेषा 400 · सर्व-कॅप्स मजकूर ("सादर करत आहोत," "विस्तारक्षम डिझाइन," "चमकदार व्हा") - 0.10em स्पेसिंग असलेला मोनोस्पेस्ड सर्व-कॅप्स मजकूर मुख्य मजकूर आणि शीर्षक यांच्यामध्ये एक सूक्ष्म विभाजक म्हणून काम करतो.
अंतर आणि स्वरूप
| उद्देश | अर्थ |
|---|---|
| घनता | प्रशस्त |
| मूलभूत पायरी | 16px |
| बटण त्रिज्या | 999px |
| कार्ड त्रिज्या | 16px |
| सावल्या | सावल्यांऐवजी सीमा नाहीत |
| विभागांच्या दरम्यान | 120px |
| पृष्ठाची रुंदी | 1200px |
एआय तुमची वेबसाईट Authkit स्टाईलमध्ये तयार करेल आणि ती भरेल.
- लिंकद्वारे उत्पादने आणि पोस्ट्स भरा - Instagram, TikTok, Facebook.
- तुमच्या जुन्या साइटवरून सामग्री हस्तांतरित करा—फक्त पत्ता नमूद करा.
- सर्वोत्तम इंजिनवर आधुनिक डिझाइन: React ( Next.js) ज्यामध्ये सर्व्हर रेंडरिंग आणि एसईओ ऑप्टिमायझेशन अंगभूत आहेत.
- शोध परिणामांसाठी पूर्णपणे स्वयंचलित एसईओ ऑप्टिमायझेशन आणि न्यूरल नेटवर्क शिफारसी.
समान शैली
- Resend — जांभळ्या निऑन रंगासह काळा मखमली
- Gsap — डिझाइन स्टुडिओमधील एक ॲनिमेटेड व्हाइटबोर्ड. जवळजवळ काळी भिंत, उबदार क्रीम रंगाचा खडू आणि पाच रंगांचे मार्कर—ॲनिमेशनच्या प्रत्येक प्रकारासाठी एक.
- Slash — सोनेरी हिशेबवही असलेली मध्यरात्रीची तिजोरी
- Raycast — मिडनाईट कमांड सेंटर, कोरल निऑन
- Dimension — फ्रॉस्टेड काचेचे पॅनेल असलेले, अंधुक प्रकाशाचे वर्कस्टेशन
- Modal — अंधाऱ्या सर्व्हर रूममधील एक फॉस्फोरसेंट टर्मिनल - प्रकाशाचा एकमेव स्रोत चमकदार हिरव्या रंगाचा आहे.
- Reflect Notes — तारकांनी भरलेले जांभळे अवकाश ही एक अंधारी वेधशाळा आहे, जिथे जवळजवळ काळ्याकुट्ट निळ्या पोकळीच्या पार्श्वभूमीवर सूर नक्षत्रांप्रमाणे तरंगतात.
- LaunchDarkly — निऑन कंट्रोल रूम हे एक अंधारे कॉकपिट आहे, जिथे गडद काळ्या पॅनेलमधून जांभळे दिवे लुकलुकतात.
- Ameba — मध्यरात्री नियंत्रण कक्ष – धूसर काचेच्या पॅनल्समधून दिसणारा विद्युत निळ्या रंगाचा एक झोत.
- AgentQL — रात्री टर्मिनलवर दिसणारे उत्तर ध्रुवीय प्रकाश
- Neon — अंधार पडल्यावरची सर्व्हर रूम. नुसता काळोख, जिथे फक्त डेटा आणि वापरकर्त्याच्या परस्परसंवादातूनच प्रकाश येतो.
- N8n — मध्यरात्रीचे वर्कफ्लो इंजिन – स्टेटस इंडिकेटर्स आणि डेटा स्ट्रीम्सच्या प्रकाशाने उजळलेल्या, अंधाऱ्या सर्व्हर रूममधील रिअल-टाइम ऑटोमेशन कॅनव्हासचा अनुभव.