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