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