Column
चिसो बिहानी मुनि गाढा नीलो खाता
स्तम्भले लगभग सेतो पृष्ठभूमिमा गहिरो, संस्थागत नेभी नीलो प्रयोग गर्दछ: पृष्ठ पहिले बलियो बैंकिङ उत्पादन सतह र दोस्रो विकासकर्ता खेल मैदान जस्तो महसुस हुन्छ। ब्रान्ड रङ एकल होइन, तर एक समन्वित जोडी हो - गम्भीर संरचनाको लागि नेभी नीलो #111a4a, डेटा र कोडको लागि पुदिना हरियो #44b48b - ब्रेक्स कार्ड जस्ता उच्च-तीव्रता उच्चारण सतहहरूको लागि आरक्षित एकल न्यानो सुन्तला (#ec652b) सहित। टाइपोग्राफीमा SuisseIntl को प्रभुत्व छ, एक ज्यामितीय सान्स सेरिफ जुन 300 (लिङ्कहरू) देखि 600 (प्रदर्शन) सम्मको सम्पूर्ण तौल दायरामा प्रयोग गरिन्छ, जसले प्रणालीलाई एक परिष्कृत, सम्पादकीय शैली दिन्छ जुन धेरैजसो फिनटेक कम्पनीहरूमा अभाव छ। कार्डहरू सूक्ष्म, तहयुक्त छायाँका साथ ठूला सेतो सतहहरूमा तैरन्छन्; धेरैजसो इन्टरफेस तत्वहरू समतल हुन्छन्, गहिराइ मात्र देखा पर्दछ जहाँ कार्ड भौतिक वस्तु जस्तो महसुस हुनुपर्छ (लेनदेन विजेटहरू, उत्पादन मकअपहरू)। कोड र वित्तीय डेटा मोनोक्रोम, समुद्री फोम-रंगमा प्रस्तुत गरिन्छ - दृश्य संकेत हो कि यो इन्जिनियरहरूले इन्जिनियरहरूका लागि निर्मित बैंक हो।
पृष्ठ संरचना पूर्ण-चौडाइको छ, चौडा साइड मार्जिनहरू (डेस्कटपमा ६४-१५ सेमी) सँग केन्द्रित। मुख्य स्क्रिन एक विभाजित लेआउट हो: हेडलाइन र कल टु एक्शन २५ सेन्टिमिटरमा बायाँ-पङ्क्तिबद्ध छन्, जबकि फ्लोटिंग लेनदेन विजेट हाफटोन नक्सा पृष्ठभूमिको विरुद्धमा ५५ सेन्टिमिटरमा दायाँमा राखिएको छ। मुख्य स्क्रिनको तल, सेतो (४ सेमी) र हल्का क्यानभास (५ सेमी) बीचको खण्डहरू ६ सेमी ठाडो गटरहरू सहित वैकल्पिक छन्। सामग्री एकल ६-स्तम्भ ग्रिड अनुसार व्यवस्थित गरिएको छ: पाठ ब्लकहरूले ४ स्तम्भहरू (७ सेमी) ओगटेका छन्, छवि/उत्पादन कार्डहरूले ५-६ स्तम्भहरू ओगटेका छन्, ग्रिडबाट जानाजानी अफसेटको साथ। सुविधाहरू वर्णन गर्ने खण्डहरूले २-स्तम्भ लेआउट प्रयोग गर्दछ: बायाँमा पाठ, दायाँमा उत्पादन। विश्वास तथ्याङ्क खण्ड पृष्ठको पूर्ण चौडाइमा ४-स्तम्भ ग्रिडमा विभाजित छ। ग्राहक लोगोहरू ४८px गटरहरू सहित एकल केन्द्रित पङ्क्तिमा अवस्थित छन्। फुटरमा कम्प्याक्ट दुई-स्तम्भ लेआउट छ। नेभिगेसन मुख्य स्क्रिनमाथि एक स्थिर, ६२ पिक्सेल-अग्लो, पारदर्शी शीर्ष पट्टी हो जसमा धमिलो पृष्ठभूमि हुन्छ जुन तपाईंले स्क्रोल गर्दा सेतोमा फिक्का हुन्छ। त्यहाँ कुनै साइडबार वा मेगा-मेनु छैन - ड्रपडाउनहरू साधारण तीर-शैलीका मेनुहरू हुन्।
दृश्य शैली न्यूनतम र कार्यात्मक छ—स्तम्भले स्टक फोटोग्राफीलाई पूर्ण रूपमा बेवास्ता गर्छ। दृश्य भाषा तीन स्रोतहरूमा निर्मित छ: (१) SVG डेटा चित्रण, विशेष गरी डटेड हाफटोन विश्व नक्सा, नील देखि सुन्तला देखि फिरोजा सम्मको ग्रेडियन्टको साथ रेन्डर गरिएको, मुख्य तत्व पछाडि विश्वव्यापी स्तरको वातावरण सिर्जना गर्दछ; (२) उत्पादन कार्ड लेआउटहरू—नाटकीय छायाँ भएका सेतो कार्डहरूमा खाता ब्यालेन्स, स्थानान्तरण विवरणहरू, र JSON कोड स्निपेटहरू प्रदर्शन गर्ने फ्लोटिंग विजेटहरू; (३) चार्ट भिजुअलाइजेसनहरू—ट्रस्ट/तथ्याङ्क खण्डमा प्रयोग हुने पातलो जडान रेखाहरू भएका फिरोजा क्यान्डलस्टिक वा बार चार्टहरू। हाफटोन नक्सा एक हस्ताक्षर दृश्य तत्व हो—यसको ग्रेडियन्ट #d65620 (सुन्तला) बाट बैजनी, नीलो, नीला, फिरोजा, र पहेंलो हुँदै संक्रमण, एक स्पेक्ट्रम सिर्जना गर्दछ जसले सम्पूर्ण ब्रान्ड प्यालेटलाई एकल सजावटी सतहमा एकताबद्ध गर्दछ। आइकनहरूमा #232730 वा #a9acb6 भेरियन्टहरूमा 1.5–2px को एकसमान रूपरेखा मोटाई छ, सक्रिय अवस्थाहरूको लागि भरणको साथ। कुनै जीवनशैलीका तस्बिरहरू छैनन्, कुनै अमूर्त थ्रीडी रेन्डरहरू छैनन्—यो प्रतिबन्ध उत्पादन र डेटामा ध्यान केन्द्रित गर्न जानाजानी गरिएको हो।
प्यालेट
ब्रान्ड
- Indigo Navy
#111a4a— प्राथमिक ब्रान्ड रङ भरिएको कल टु एक्शन, सक्रिय नेभिगेसन अवस्था, हेडर र लोगोको लागि प्रयोग गरिन्छ। गाढा बैजनी-नीलो रङले साइटलाई ठोस तर गाढा कालो रंग दिन्छ; सेतो पाठसँग जोडिएको, यसले साइटमा सबैभन्दा दृढ बटन सिर्जना गर्दछ। - Seafoam 600
#44b48b— कोड र डेटा रङ कोड स्निपेटहरूमा JSON कुञ्जीहरू, पहिचानकर्ताहरू, र वित्तीय मानहरूको लागि ब्रान्ड रङ हो। यो चार्टहरू र वृद्धि दृश्यावलोकनहरूमा डेटा बिन्दुहरूको लागि पनि प्रयोग गरिन्छ। - Seafoam 700
#167e6c— डेटा सन्दर्भ भित्र रूपरेखा, चार्ट रेखाहरू, र आइकन उच्चारणहरूको लागि समुद्री फोमको गाढा छाया। यसले समुद्री फोम स्केललाई गाढा पृष्ठभूमिमा एङ्कर गर्दछ। - Seafoam 400
#94efb7— हाइलाइट गरिएको कोड टुक्रामा कोड ब्लकहरू भित्र स्ट्रिङ मानहरू, URL हरू, र API अन्त्य बिन्दुहरू छन्। सबैभन्दा हल्का सीफोम रङले हरियो रंगको साथ मोनोस्पेस गरिएको फन्टको रूपमा पढ्छ। - Deep Sea
#023247— चार्टको सजावटी रूपरेखा र एक्सेन्ट रङ समुद्री फोम रङ स्केलको साथमा SVG चित्रण र डेटा भिजुअलाइजेसनमा प्रयोग हुने समृद्ध फिरोजा रङ हो।
तटस्थ
- Midnight Ink
#011821— गाढा सतह र हाइलाइट गरिएको पाठ - उत्पादन कार्ड पृष्ठभूमि, उच्च-कन्ट्रास्ट मुख्य पाठ। चिसो नीलो-हरियो रंगको साथ खैरोको नजिक; खण्ड उल्टो गर्न आवश्यक पर्दा गाढा मोडको लागि आधारको रूपमा प्रयोग गरिन्छ। - Slate Ink
#3b3e47— माध्यमिक शीर्षक र मुख्य पाठ मिडनाइट इन्क भन्दा अलि न्यानो छ, जहाँ शुद्ध कालो रंग हल्का क्यानभासमा धेरै कठोर देखिन्छ त्यहाँ प्रयोग गरिन्छ। - Steel
#7c7f88— मुख्य पाठ र लिङ्क पाठमा मौन रंगको प्रभुत्व हुन्छ (मुख्य पाठमा २४५ पटक प्रयोग गरिएको)। तटस्थ खैरो-नीलो रंग जुन शान्त मानिन्छ, कहिल्यै पनि धुलो नभएको छवि। - Fog
#a9acb6— आइकनको रूपरेखा, तृतीयक किनाराहरू, र प्लेसहोल्डर पाठ। मध्यम खैरो रङ जसले पाठसँग प्रतिस्पर्धा नगरी यसलाई अलग गर्छ। - Mist
#cbcccf— मुख्य पाठ - हस्ताक्षर, अस्वीकरण, र सानो प्रिन्ट - सेतो पृष्ठभूमिमा पढ्न सकिन्छ, तर दृश्यात्मक रूपमा कम देखिने। - Silver Lining
#e3e4e8— कार्ड बोर्डरहरू, इनपुट फिल्ड बोर्डरहरू, विभाजन रेखाहरू। यो संरचनात्मक, सूक्ष्म रङ प्रयोग गरिन्छ जहाँ दुई सतहहरूलाई छायाँ बिना छुट्याउन आवश्यक पर्दछ।
टाइपोग्राफी
१० देखि ६० पिक्सेल सम्म · १० चरणहरू
- SuisseIntl — प्रतिस्थापन: Inter · रूपरेखाहरू 300, 400, 500, 600 · प्राथमिक फन्ट - सबै शीर्षकहरू, मुख्य पाठ, बटनहरू, नेभिगेसन, लिङ्कहरू, र कार्ड पाठको लागि प्रयोग गरिन्छ। अद्वितीय ज्यामितीय सेन्स सेरिफले स्तम्भलाई एक विशिष्ट सम्पादकीय शैली दिन्छ, जसले यसलाई इन्टर-मात्रसँग विशेष रूपमा काम गर्ने अन्य फिनटेक कम्पनीहरू भन्दा फरक बनाउँछ। शीर्षकहरूको लागि ५२-६०px मा वजन ६००, उपशीर्षकहरूको लागि ५००, मुख्य पाठको लागि ४००, र कम-जोर लिङ्कहरूको लागि ३०० छ।
- SuisseIntlMono — प्रतिस्थापन: JetBrains Mono · रूपरेखाहरू 400 · SuisseIntl जस्तै मोनोस्पेस्ड फन्ट, जुन प्राविधिक लेबलहरू, API पहिचानकर्ताहरू, र UI तत्वहरूमा एम्बेडेड डेटाको लागि प्रयोग गरिन्छ। यसले SuisseIntl जस्तै अनुपातहरू कायम राख्छ, त्यसैले मोनोस्पेस्ड र समानुपातिक पाठ मिश्रित सन्दर्भहरूमा सही रूपमा पङ्क्तिबद्ध हुन्छ।
- SFMono — प्रतिस्थापन: Fira Code · रूपरेखाहरू 400 · कोड स्निपेट डिस्प्ले - JSON उदाहरणहरू र API कागजात ब्लकहरूमा प्रदर्शित। UI पाठबाट कोडलाई दृश्यात्मक रूपमा छुट्याउन समुद्री फोम शेड प्रयोग गरिन्छ।
अन्तराल र रूप
| उद्देश्य | अर्थ |
|---|---|
| घनत्व | औसत |
| आधारभूत चरण | 8px |
| बटनको त्रिज्या | 8px |
| कार्डको अर्धव्यास | 8px |
| छायाँहरू | छायाँको सट्टा कुनै - किनारा छैन |
| खण्डहरू बीच | 72px |
| पृष्ठ चौडाइ | 1200px |
एआईले तपाईंको वेबसाइट Column शैलीमा बनाउनेछ र यसलाई भर्नेछ
- लिङ्क मार्फत उत्पादनहरू र पोस्टहरू भर्नुहोस् - Instagram, TikTok, Facebook ।
- आफ्नो पुरानो साइटबाट सामग्री स्थानान्तरण गर्नुहोस्—केवल ठेगाना निर्दिष्ट गर्नुहोस्।
- उत्कृष्ट इन्जिनमा आधुनिक डिजाइन: सर्भर रेन्डरिङ र SEO अप्टिमाइजेसनको साथ React ( Next.js)।
- खोज परिणाम र तंत्रिका नेटवर्क सिफारिसहरूको लागि पूर्ण स्वचालित SEO अप्टिमाइजेसन।
उस्तै शैलीहरू
- dope.security — बैजनी बिकनहरू भएको मध्यरातको टर्मिनल
- Leonardo — उल्टो सम्पादकीय ग्यालरी। कालो पर्खालले घेरिएको संग्रहालय जहाँ बैजनी रंगका शीर्षकहरूले भित्ता स्थापनाको रूपमा काम गर्छन्, र एआई-उत्पन्न चित्रहरू तल बाक्लो ग्रिडमा झुण्डिएका छन्।
- VEED — नियोन हरियो बत्ती बटनहरू सहितको सेतो ग्यालरी भित्ता
- Craft Docs — स्क्र्यापबुकिङको लागि डिजिटल कोलाज। डिजाइन विचारशील, स्पर्शशील स्क्र्यापबुक जस्तो देखिन्छ, जहाँ संरचित डिजिटल नोटहरू नरम, जैविक बनावटसँग मिल्छन्।
- Letter — भण्डारणबाट चम्किरहेका कलाकृतिहरू प्रस्तुत गर्ने एउटा निजी ग्यालरी। कालो पर्खाल भएको प्रदर्शनी स्थल जहाँ ग्यालरीको रंगीन भित्ताहरूमा क्रोम मूर्तिकलाहरू माथि सेरिफ गरिएका शीर्षकहरू तैरिरहेका छन्।
- Railway — ब्रह्माण्डीय मध्यरात एक्सप्रेस। स्पष्ट संकेतहरूद्वारा निर्देशित, अँध्यारो, ताराले उज्यालो अन्तरिक्षमा शान्त, रोमाञ्चक यात्रा।
- Garden Eight — क्रिम रंगको कागजमा एउटा स्मारकीय सम्पादकीय। २१५ पिक्सेलको सेरिफ हेडलाइन न्यानो चर्मपत्रमा एक्लै बसेको छ, तैरिरहेको मूर्तिकलाका रूपहरू र समुद्री हावाको सम्झना दिलाउने नकारात्मक ठाउँले घेरिएको छ - पृष्ठ ड्यासबोर्ड भन्दा कला मोनोग्राफको आवरण जस्तो लाग्छ।
- Steep — न्यानो कागजमा सेरिफ फन्टहरूको विश्लेषण
- ElevenLabs — सूक्ष्म शीर्षकहरू सहितको न्यानो क्रिम टोनमा फोटो निबन्ध। बौहाउस शैलीको नोटबुक—अण्डाको खोल रंगको कागज, कालो मसी, र उत्पादन प्रदर्शनको लागि एकल बैजनी र सुन्तला रंगको उच्चारण।
- Awesomic — कन्फेटीको सम्झना दिलाउने सुन्तला विराम चिन्हहरू भएको सम्पादकीय जस्ता जाल
- Monad — न्यानो चर्मपत्रमा सम्पादकीय प्राविधिक जर्नल
- AI for Business — न्यानो खैरो टोनमा क्रूर सम्पादकीय शोरूम