
Auros
जैवप्रकाशित डेटा गेंदों वाला अगाध टर्मिनल
ऑरोस एक ऐसे फिनटेक टर्मिनल की तरह काम करता है जो एक अथाह गहराई में स्थित है: लगभग काले फ़िरोज़ी रंग का कैनवास जिस पर जैव-प्रकाशित डेटा गोले और फ़िरोज़ी से गुलाबी रंग के प्रकाश प्रवणताएँ हैं, जो गहराई, तरलता और प्रवाह का एहसास कराती हैं। इसका इंटरफ़ेस न्यूनतम और सिनेमाई है, जो मध्यम मोटाई के एक ही उपयोगकर्ता डिस्प्ले (मैटर) पर निर्भर करता है, जिसमें आक्रामक नेगेटिव ट्रैकिंग का उपयोग किया गया है ताकि अत्यधिक भड़कीला हुए बिना एक व्यापक दृश्य बनाया जा सके। रंगों का वितरण समान रूप से किया गया है—लगभग सभी सामग्री के लिए रंगहीन सफेद और चांदी के रंगों का उपयोग किया गया है, जबकि रंगीन पैलेट को वायुमंडलीय प्रवणताओं, विशिष्ट कार्ड सतहों और एक विशिष्ट गोली के आकार के बटन के लिए आरक्षित रखा गया है जो फ़िरोज़ी-नीले से लैवेंडर-गुलाबी रंग में बदलता है। कार्ड ऊँचाई के बजाय सूक्ष्म फ़िरोज़ी सतह की लकीरों (16px त्रिज्या, कोई छाया नहीं) पर तैरते हैं, इसलिए पदानुक्रम को कागज पर छाया के बजाय पानी की गहराई के रूप में माना जाता है। इसके घटक विचारशील और उपकरण जैसे दिखते हैं: बड़े अक्षरों में ट्रैकिंग चिह्न, पतले ज्यामितीय तीर आइकन, हल्के गुलाबी रंग में बड़े संख्यात्मक डिस्प्ले।
एक गहरे रंग का, पूर्ण-चौड़ाई वाला कैनवास, जिसमें अधिकतम 1440px की चौड़ाई वाली सामग्री है। मुख्य तत्व एक केंद्रीकृत टेक्स्ट ब्लॉक (ब्राउ → हेडलाइन → सबटेक्स्ट → कॉल टू एक्शन) है जो पूरे व्यूपोर्ट की ऊंचाई तक फैला हुआ है, और इसके बैकग्राउंड में एक पार्टिकल एलिमेंट है। सेक्शन पूर्ण-चौड़ाई वाली स्ट्रिप्स हैं जो 68px+ के बड़े वर्टिकल स्पेस से अलग की गई हैं, और कैनवास और हल्के धंसे हुए सतहों के बीच बारी-बारी से दिखाई देती हैं। "एक्सप्लोर" सेक्शन में एक असममित दो-कॉलम लेआउट का उपयोग किया गया है: बाएं कॉलम में स्टैक्ड फीचर कार्ड हैं, जबकि दाएं कॉलम में एक ज्यामितीय आणविक चित्रण है। सामग्री को किनारे से किनारे तक फैलाने के बजाय, आसानी से पढ़ने के लिए संकीर्ण कॉलम (अधिकतम ~600px) में केंद्रीकृत किया गया है। फुटर एक धंसा हुआ गड्ढा (#011d1c) है जिसमें 120px का वर्टिकल मार्जिन है, जिससे एक गहरे पूल का प्रभाव पैदा होता है। नेविगेशन एक पतला, पारदर्शी पैनल है जिसमें एलिमेंट 16–24px की दूरी पर स्थित हैं। कुल मिलाकर लय सिनेमाई और विशाल है—हर खंड जीवंत लगता है, और गहरे, पानी जैसे रंग संयोजन से हर अंश के साथ और गहराई में उतरने का एहसास होता है।
दृश्य शैली न्यूनतम और वायुमंडलीय है। होमपेज पर एक त्रि-आयामी कण गोला है—हजारों छोटे फ़िरोज़ी-नीले और सफेद बिंदु मिलकर एक घूमता हुआ गोला बनाते हैं जो कैनवास और किनारों पर लैवेंडर-गुलाबी रंग के धब्बों से मेल खाता है, जिससे एक जैव-प्रकाशमान प्रभाव पैदा होता है जो किसी सूचना वस्तु की याद दिलाता है। दाईं ओर के कॉलम में सपाट ज्यामितीय आणविक आरेख (गहरे कैनवास पर सफेद वृत्त और पतली संयोजी रेखाएँ) सजावटी तत्वों के रूप में काम करते हैं। कोई तस्वीरें नहीं, कोई जीवनशैली की छवियाँ नहीं, कोई लोग नहीं—दृश्य भाषा स्वच्छ डेटा ग्राफ़िक्स और अमूर्त आकृतियों पर आधारित है। कण गोला ब्रांड पहचान का मुख्य दृश्य तत्व है; गहरे समुद्र के रूपक को सुदृढ़ करने के लिए इसे प्रत्येक महत्वपूर्ण पृष्ठ पर कम से कम एक बार अवश्य प्रदर्शित किया जाना चाहिए।
पैलेट
ब्रांड
- Liquid Abyss
#012624— मुख्य पृष्ठभूमि पृष्ठ का आधार, शीर्षक, मुख्य तत्व और प्रमुख गहरा फ़िरोज़ी रंग का क्षेत्र है। यह एक गहरे समुद्र का वातावरण बनाता है। - Liquid Deep
#011d1c— धंसा हुआ सतही भाग फुटर की पृष्ठभूमि और गहरे कार्डबोर्ड पैनल हैं। यह कैनवास की तुलना में आधा टोन गहरा दिखाई देता है, जिससे गहराई का एक सूक्ष्म ढलान बनता है। - Liquid Kelp
#003734— उभरी हुई कार्ड सतह और बटन फिल—एक उभरी हुई सतह जो खाई से एक पायदान ऊपर स्थित होती है। इसका उपयोग फीचर कार्ड, कंटेंट पैनल और ग्रेडिएंट बटन के शुरुआती बिंदु के लिए किया जाता है।
तटस्थ
- Liquid Mist
#edfffe— सफेद रंग की एक शीतल छाया मुख्य पाठ, अनुभाग शीर्षकों और गर्म, हल्के रंग के अक्षरों को उभारती है। नीले रंग की एक सूक्ष्म झलक मुख्य पाठ को फ़िरोज़ी रंग योजना से जोड़ती है। - Platinum
#ffffff— हेडिंग, नेविगेशन एलिमेंट, आइकन आउटलाइन और हाई-कॉन्ट्रास्ट टेक्स्ट के लिए शुद्ध सफेद रंग का उपयोग किया जाता है। यह सभी हेडिंग लेवल और मुख्य नेविगेशन में प्राथमिक टेक्स्ट रंग है। - Silver Mist
#bbc7c6— मूल रूप में द्वितीयक पाठ, मंद विवरण और लिंक का रंग। इनमें हल्का हरापन है, जो फ़िरोज़ी पृष्ठभूमि के साथ मेल खाता है। - Ash
#f2f2f2— उद्धरणों और समीक्षाओं के लिए अतिरिक्त पाठ। एक तटस्थ, शांत धूसर रंग, जब सिल्वर मिस्ट का फ़िरोज़ी अंडरटोन बहुत चमकीला लगे। - Slate Deep
#707777— कम दृश्यता वाली या निष्क्रिय पृष्ठभूमियों के लिए एक सूक्ष्म सतह रंग। यह कैनवास और कार्डबोर्ड के बीच स्थित होता है, जिससे ऊंचाई में बहुत सूक्ष्म अंतर आता है। - Lavender Phosphor
#fde9ff— बड़े आंकड़ों, काउंटर संख्याओं और महत्वपूर्ण मापदंडों के लिए बैकलाइट रंग। सिग्नेचर ग्रेडिएंट में गुलाबी रंग का उपयोग गहरे रंग की सतहों पर एक चमकदार प्रभाव के रूप में किया जाता है।
टाइपोग्राफी
10 से 96px तक · 6 चरण
- Matter — प्रतिस्थापन: Inter · रूपरेखा 400, 500 · शीर्षकों और मुख्य पाठ के लिए प्राथमिक फ़ॉन्ट का उपयोग किया जाता है, जिसमें सभी शीर्षकों (H1–H3) और बड़े आकार के टेक्स्ट (86–295px) के लिए 500 का वेट होता है। मुख्य पाठ और UI टेक्स्ट के लिए 400 का वेट उपयोग किया जाता है। बड़े आकार में इसमें आक्रामक नेगेटिव लेटर स्पेसिंग (-0.04em 61px पर, -0.046em 86px पर) और टाइटल कैप्स में वाइड पॉजिटिव लेटर स्पेसिंग (0.08em 20px पर, 0.12em 12px पर, 0.15em 10px पर) होती है। केवल शीर्षकों के लिए मध्यम वेट का उपयोग करने की रणनीति इसकी एक विशिष्ट विशेषता है—कोई बोल्ड या लाइट फ़ॉन्ट नहीं—जो फ़ॉन्ट को एकसमान, यांत्रिक आत्मविश्वास प्रदान करती है।
- Arial — प्रतिस्थापन: system-ui · रूपरेखा 400 · इंटरैक्टिव यूआई तत्वों (नेविगेशन, बटन, हेडर माइक्रोकॉपी, फुटर) के लिए एक द्वितीयक फ़ॉलबैक। यह केवल 14px पर दिखाई देता है - मैटर लोड न होने पर एक सुरक्षित, सार्वभौमिक फ़ॉलबैक के रूप में उपयोग किया जाता है, और फ़ॉर्म लेबल, बटन टेक्स्ट और छोटे सहायक टेक्स्ट को कवर करता है।
अंतराल और रूप
| उद्देश्य | अर्थ |
|---|---|
| घनत्व | औसत |
| बुनियादी कदम | 20px |
| बटन त्रिज्या | 6px |
| कार्ड त्रिज्या | 16px |
| छैया छैया | नहीं - छाया के बजाय बॉर्डर |
| अनुभागों के बीच | 68px |
| पृष्ठ की चौड़ाई | 1440px |
एआई आपकी वेबसाइट को Auros शैली में बनाएगा और उसमें डेटा भरेगा।
- इन लिंक के माध्यम से उत्पादों और पोस्ट से भरें - Instagram, TikTok, Facebook ।
- अपनी पुरानी वेबसाइट से सामग्री स्थानांतरित करें—बस पता निर्दिष्ट करें।
- सर्वश्रेष्ठ इंजन पर आधुनिक डिजाइन: React ( Next.js) जिसमें सर्वर रेंडरिंग और एसईओ अनुकूलन की सुविधा अंतर्निहित है।
- खोज परिणामों और न्यूरल नेटवर्क अनुशंसाओं के लिए पूरी तरह से स्वचालित एसईओ अनुकूलन।
समान शैलियाँ
- Design Full-Time — एक स्टूडियो सिनेमा जिसमें एक गर्म स्पॉटलाइट है
- Air — "कांच के आर-पार आधी रात का आकाश" नामक मूर्ति
- Slash — सोने से मढ़े बहीखातों वाला आधी रात का तहखाना
- Raycast — मिडनाइट कमांड सेंटर, कोरल नियॉन
- Dimension — धुंधली रोशनी से जगमगाता हुआ, पाले से ढके कांच के पैनलों वाला एक वर्कस्टेशन
- Modal — एक अंधेरे सर्वर कक्ष में एक फास्फोरसेंट टर्मिनल - प्रकाश का एकमात्र स्रोत चमकीला हरा रंग है।
- Giga — जमी हुई ओब्सीडियन के ऊपर आधी रात का क्षितिज
- Reflect Notes — तारों से जगमगाता बैंगनी अंतरिक्ष एक अंधेरी वेधशाला है जहाँ लगभग काले नीले शून्य की पृष्ठभूमि के विरुद्ध स्वर तारामंडलों की तरह तैरते हैं।
- Ameba — आधी रात को नियंत्रण कक्ष – फ्रॉस्टेड ग्लास पैनलों के भीतर एक विद्युत नीली चमक
- AgentQL — रात में टर्मिनल के ऊपर उत्तरी रोशनी
- Frame — देर रात फिल्मों की स्क्रीनिंग के लिए एक सिनेमाघर। एक अंधेरा कमरा जहाँ एक नीली स्पॉटलाइट सारा काम करती है, और यूजर इंटरफेस पृष्ठभूमि में घुलमिल जाता है, जिससे रचनात्मक सामग्री को आगे प्रोजेक्ट किया जा सके।
- Harness — मिशन कंट्रोल आधी रात को चमकीले हरे रंग के अलंकरणों के साथ।