Mercury
शाम के समय अल्पाइन तट
मरकरी एक अल्पाइन बैंकिंग शैली में काम करता है: लगभग काले रंग का कैनवास (#171721) एक सिनेमाई, वेधशाला जैसा वातावरण बनाता है, जहाँ सामग्री हल्के ग्रेफाइट कार्ड की तरह तैरती हुई दिखाई देती है। इंटरफ़ेस मुख्य रूप से मोनोक्रोम है—गोले रंग की पृष्ठभूमि पर हाथीदांत रंग का टेक्स्ट, जिसमें केवल एक चमकीला कोबाल्ट (#5266eb) तत्व "खाता खोलें" ऑपरेशन के लिए उपयोग किया गया है। टाइपोग्राफी मुख्य अभिव्यक्ति का स्रोत है: 480 का एक कस्टम डिस्प्ले फ़ॉन्ट (न तो बोल्ड और न ही हल्का) 400 के सूक्ष्म बॉडी फ़ॉन्ट के साथ मिलकर एक आत्मविश्वासपूर्ण लेकिन कभी भी भड़कीला न लगने वाला स्टाइल बनाता है। कंपोनेंट्स सपाट और फ्रेमलेस हैं, जो छाया के बजाय संरचना को परिभाषित करने के लिए 12px ग्रेफाइट कार्ड त्रिज्या और कैप्सूल के आकार के नियंत्रणों पर निर्भर करते हैं। मुख्य फोटो तत्व, जो पृष्ठ की पूरी सतह को कवर करता है—एक सुनसान मेज के सामने धुंधले पहाड़—उपयोगकर्ता इंटरफ़ेस शुरू होने से पहले ही माहौल तैयार कर देता है, और इसके बाद के सभी तत्व उस शांत, प्रीमियम अंधेरे को बनाए रखते हैं।
सभी सामग्री गहरे रंग में, पूरी चौड़ाई में डिज़ाइन की गई है। मुख्य स्क्रीन पर 100px की पूरी चौड़ाई वाली एक तस्वीर है, जिसमें बीच में शीर्षक, उप-पाठ और ईमेल संपर्क जानकारी एकत्र करने के लिए एक फॉर्म ब्लॉक (अधिकतम चौड़ाई लगभग 640px) है। मुख्य स्क्रीन के नीचे, सामग्री को 1200px की अधिकतम चौड़ाई और 72px के ऊर्ध्वाधर मार्जिन वाले अनुभागों में व्यवस्थित किया गया है। इसमें बाईं ओर पाठ और दाईं ओर छवि के दो-स्तंभ लेआउट और उत्पाद विवरण कार्ड के तीन-स्तंभ लेआउट बारी-बारी से दिखाई देते हैं। नेविगेशन मुख्य स्क्रीन पर एक पारदर्शी शीर्ष पट्टी है, जो स्क्रॉल करने पर फ्रॉस्टेड ग्लास (बैकग्राउंड ब्लर) के समान गहरे रंग में बदल जाती है। फ़ूटर गहरे रंग का है जिसमें नोट टेक्स्ट है। ऊर्ध्वाधर लेआउट पर्याप्त है - अनुभागों के बीच पर्याप्त जगह के साथ सघनता है। कोई साइड नेविगेशन नहीं है; सभी नेविगेशन शीर्ष पट्टी में स्थित है।
मुख्य भाग में व्यापक आकार की सिनेमाई तस्वीरें हावी हैं—मनोरम वातावरण वाले, प्रेरणादायक परिदृश्य (धुंध से ढके पहाड़, प्रकृति में एकांत कार्यस्थल)—जो बैंकिंग को एक चिंतनशील, उदात्त अनुभव के रूप में प्रस्तुत करते हैं। तस्वीरें उच्च गुणवत्ता वाली हैं, थोड़ी कम संतृप्त हैं, ठंडे रंगों वाली हैं और पाठ की पठनीयता बनाए रखने के लिए उन पर एक सूक्ष्म गहरा आवरण है। मुख्य भाग के नीचे, उत्पाद के उपयोगकर्ता इंटरफ़ेस के स्क्रीनशॉट और अमूर्त, मनमोहक पृष्ठभूमियों के साथ छवियां बारी-बारी से प्रदर्शित होती हैं। कोई चित्र या कलाकृति से मिलते-जुलते आइकन नहीं हैं—दृश्य तत्व या तो फोटोग्राफिक हैं या पूरी तरह से कार्यात्मक। पूरे उपयोगकर्ता इंटरफ़ेस में आइकन शैली न्यूनतम, हाथीदांत रंग की रेखा/ग्लाइफ शैली है जिसका उपयोग नेविगेशन, बटन और फॉर्म तत्वों में किया गया है।
पैलेट
ब्रांड
- Cobalt
#5266eb— बैंगनी रंग का उपयोग भरे हुए बटनों, चयनित नेविगेशन स्थितियों और फोकस-आधारित रूपांतरण क्षणों के लिए किया जाता है।
तटस्थ
- Onyx Canvas
#171721— मुख्य पृष्ठ की पृष्ठभूमि, होम स्क्रीन के लिए बुनियादी ओवरले, फुटर और अनुभागों के लिए कैनवस। - Graphite Card
#1e1e2a— कार्डबोर्ड और उसके खंडों की उभरी हुई सतहें कैनवास की तुलना में एक कदम हल्की होती हैं, जिससे एक सहज अलगाव पैदा होता है। - Obsidian Button
#272735— अतिरिक्त बटन फिल, एम्बेडेड फॉर्म बैकग्राउंड, और सहज इंटरैक्टिव सतहें। - Slate Border
#70707d— विषयवस्तु खंडों के बीच मध्यम मोटाई वाले विभाजक और संरचनात्मक सीमाएँ। - Mist Border
#e2e3ed— पतली, मुश्किल से दिखाई देने वाली बॉर्डर, मुश्किल से दिखाई देने वाली बटन की आउटलाइन, इनपुट फील्ड के किनारे - गहरे बैकग्राउंड पर हल्की बॉर्डर। - Ash Text
#c3c3cc— मुख्य पाठ, सहायक पाठ, अतिरिक्त लेबल - पठनीयता में कमी किए बिना सरलीकृत पदानुक्रम।
टाइपोग्राफी
12 से 65px तक · 9 चरण
- arcadia — प्रतिस्थापन: Inter · रूपरेखा 360, 400, 420, 480 · मुख्य और उपयोगकर्ता इंटरफ़ेस - नेविगेशन, बॉडी टेक्स्ट, बटन, इनपुट फ़ील्ड, लेबल और सहायक टेक्स्ट के लिए एक फ़ॉन्ट, जिसमें बॉडी टेक्स्ट के लिए 400 और ज़ोर देने के लिए 480 का वेट है। मानक (300/400/600) के बजाय मध्यवर्ती वेट स्केल (360, 420, 480) मरकरी टेक्स्ट को एक विशिष्ट रूप से संतुलित लुक देता है—न तो बोल्ड, न ही पतला, हमेशा सधा हुआ।
- arcadiaDisplay — प्रतिस्थापन: Söhne Breit · रूपरेखा 360, 480, 530 · शीर्षकों और सजावटी तत्वों के लिए फ़ॉन्ट का उपयोग 28px से 65px तक के सभी शीर्षक आकारों के लिए 480 वेट में किया जाता है, जबकि 530 वेट सबसे बड़े सजावटी तत्वों के लिए आरक्षित है। कम लाइन हाइट (1.1–1.2) और पॉजिटिव लेटर स्पेसिंग (0.01–0.02em) सजावटी टेक्स्ट को संपादकीय टेक्स्ट में पाई जाने वाली संकुचित संरचना के बजाय एक विस्तृत, वास्तुशिल्पीय रूप प्रदान करते हैं।
अंतराल और रूप
| उद्देश्य | अर्थ |
|---|---|
| घनत्व | औसत |
| बुनियादी कदम | 12px |
| बटन त्रिज्या | 32px |
| कार्ड त्रिज्या | 12px |
| छैया छैया | नहीं - छाया के बजाय बॉर्डर |
| अनुभागों के बीच | 72px |
| पृष्ठ की चौड़ाई | 1200px |
एआई आपकी वेबसाइट को Mercury शैली में बनाएगा और उसमें डेटा भरेगा।
- इन लिंक के माध्यम से उत्पादों और पोस्ट से भरें - Instagram, TikTok, Facebook ।
- अपनी पुरानी वेबसाइट से सामग्री स्थानांतरित करें—बस पता निर्दिष्ट करें।
- सर्वश्रेष्ठ इंजन पर आधुनिक डिजाइन: React ( Next.js) जिसमें सर्वर रेंडरिंग और एसईओ अनुकूलन की सुविधा अंतर्निहित है।
- खोज परिणामों और न्यूरल नेटवर्क अनुशंसाओं के लिए पूरी तरह से स्वचालित एसईओ अनुकूलन।
समान शैलियाँ
- Origin Financial — एक शांत, भव्यता से भरपूर मध्यरात्रि गैलरी। एक शांत, लगभग अंधेरा कमरा जहाँ बड़े सेरिफ़ फ़ॉन्ट और कुछ रोशन रंगीन पैनल यह एहसास दिलाते हैं कि वित्त एक सावधानीपूर्वक तैयार की गई कलाकृति है।
- Air — "कांच के आर-पार आधी रात का आकाश" नामक मूर्ति
- Slash — सोने से मढ़े बहीखातों वाला आधी रात का तहखाना
- dope.security — बैंगनी बीकन वाला मध्यरात्रि टर्मिनल
- Modal — एक अंधेरे सर्वर कक्ष में एक फास्फोरसेंट टर्मिनल - प्रकाश का एकमात्र स्रोत चमकीला हरा रंग है।
- Giga — जमी हुई ओब्सीडियन के ऊपर आधी रात का क्षितिज
- Dovetail — आधी रात को ब्लूप्रिंट नियंत्रण केंद्र
- Dovetail — एक काली चाँदनी में बना खाका—मुश्किल से दिखाई देने वाली ग्राफ की रेखाएँ, सफेद फ़ॉन्ट, एक बैंगनी चमक
- AgentQL — रात में टर्मिनल के ऊपर उत्तरी रोशनी
- Supabase — आधी रात को एक कोड एडिटर, जिसमें एक चमकीला हरा बिंदु है—कोयले की धूल के सागर पर एक एकल रंगीन स्पंदन।
- Changelog — अंधेरे कांच के पीछे वेधशाला कंसोल
- GitHub — जैवप्रकाशित नियंत्रण बिंदुओं वाला एक अंतरिक्ष कमांड पैनल—एक अंधेरा, रहस्यमय कार्यक्षेत्र जहाँ एक हरी चमक आगे का रास्ता दिखाती है।