टेलिग्राम, WhatsApp  +380637610482
भ्यालेरी डान्युक
भ्यालेरी डान्युकविकासकर्ताव्यवसायहरूको लागि एआई उपकरणहरू विकास गर्दै। उच्च गुणस्तर। किफायती।Telegram मा लेख्नुहोस्
Modal — यस शैलीमा साइटको पूर्वावलोकन

Modal

अँध्यारो सर्भर कोठामा रहेको फस्फोरेसेन्ट टर्मिनल - प्रकाशको एक मात्र स्रोत चम्किलो हरियो रंग हो।

मोडलले अँध्यारो सर्भर कोठामा फस्फोरेसेन्ट टर्मिनल जस्तै कार्य गर्दछ: लगभग कालो क्यानभास, फिक्का हरियो प्रकार, र एकल चम्किलो लाइम-हरियो उच्चारण जसले LED स्थिति सूचकको रूपमा काम गर्दछ। डिजाइन भाषा विकासकर्ता-केन्द्रित छ—ट्राफिक लाइट डट्सहरू सहितको मोनोस्पेस्ड कोड विन्डोज, सिग्नेचर हरियोमा आइसोमेट्रिक 3D आइकनहरू, र प्रशस्त सेतो ठाउँ, जसले प्रत्येक खण्डमा एक तत्वलाई चम्काउन अनुमति दिन्छ। टाइपोग्राफीलाई हेडिङहरूको लागि अनुकूलन फन्ट (गोगा) र सबै UI तत्वहरूको लागि चर फन्ट (इन्टर) बीच विभाजित गरिएको छ, दुबै साँघुरो नकारात्मक ट्र्याकिङको साथ सेट गरिएको छ। रङहरू समान रूपमा वितरित छन्: धेरैजसो स्क्रिनहरू अक्रोमेटिक छन्, र उज्यालो लाइम-हरियो रंग केवल मुख्य कार्यहरू, लोगो, 3D चित्रणहरू, र जोडका क्षणहरूमा देखा पर्दछ। कम्पोनेन्टहरू समतल र फ्रेमलेस छन्, छायाँको सट्टा सूक्ष्म हरियो किनाराहरू र पृष्ठभूमि धमिलो मार्फत गहिराइ सिर्जना गरिएको छ।

मोडलले सामग्री समायोजन गर्न १२८० पिक्सेलको अधिकतम चौडाइ भएको पूर्ण-चौडाइको गाढा लेआउट प्रयोग गर्दछ। हिरो विन्डो केन्द्रित छ: शीर्षक (चम्किलो हरियो रंगमा पहिलो वाक्य), उपशीर्षक, दुई कल टु एक्शन, र दृश्य एङ्करको रूपमा एकल ३D वस्तु - साइडबारबाट लेआउट अलग नगरी। सामग्री खण्डहरूले एक समान लय पछ्याउँछन्: आइब्रो ट्याग (ठूला अक्षरहरू, Moss ७०) → गोगा शीर्षक → म्यूट गरिएको मुख्य पाठ, त्यसपछि सुविधा विवरण (पाठ + कोड/भिजुअल कार्ड) वा कार्डहरूको तीन-स्तम्भ ग्रिडको साथ दुई-स्तम्भ लेआउट। खण्डहरू बीचको गटरहरू उदार छन् - ८० पिक्सेल। पृष्ठ गहिरो खाली (#००००००) र थोरै हल्का पृष्ठभूमि (#१८१८१८) स्ट्रिपहरू बीच वैकल्पिक हुन्छ, एउटा हल्का खण्ड (#def0dd) पृष्ठको बीचमा दृश्य श्वासको रूपमा देखा पर्दछ। नेभिगेसनमा धमिलो पृष्ठभूमि भएको एकल, स्थिर शीर्ष पट्टी हुन्छ - कुनै साइडबार वा मेगा-मेनु छैन। फुटर कम्प्याक्ट र गाढा छ, म्यूट हरियो लिङ्क स्तम्भहरू सहित। पाठ घनत्व सहज छ: प्रत्येक खण्डलाई प्रशस्त ठाउँ दिइएको छ, र कार्ड ग्रिडहरूले तीन भन्दा बढी स्तम्भहरू प्रयोग गर्दैनन्।

मोडलको दृश्य भाषा दुई मोडमा विभाजित छ: थ्रीडी ग्लोइङ प्रोडक्ट रेन्डर र डार्क कोड विन्डो मकअप। फोकल पोइन्ट भनेको मार्केटिङ ग्रेडियन्ट (लाइम ग्रिनदेखि एमराल्डसम्म) प्रयोग गरेर रेन्डर गरिएको एकल थ्रीडी क्यूब हो, जुन रेडियल ग्रेडियन्ट हेलो भित्र सेट गरिएको छ जसले खाली ठाउँलाई हरियो बत्तीमा नुहाउँछ—ब्रान्डको सिग्नेचर भिजुअल शैली। वर्कलोड कार्डहरूमा आइसोमेट्रिक थ्रीडी आइकनहरू (वायरफ्रेम क्यूब, ठोस सिँढी, तहहरू) हुन्छन् जुन अँध्यारो पृष्ठभूमिमा उही लाइम ग्रिनमा रेन्डर गरिएको हुन्छ। कोड र बेन्चमार्क परिणामहरू ट्राफिक लाइट डट्सहरू, फस्फोरेसेन्ट प्यालेटमा मोनोस्पेस्ड सिन्ट्याक्स हाइलाइटिङ, र म्यूट गरिएको हरियो किनारा सहित टर्मिनल विन्डो कार्डहरूको रूपमा प्रस्तुत गरिन्छ—तिनीहरू वास्तविक कमाण्ड-लाइन इन्टरफेसको स्क्रिनसटहरू जस्तै देखिन्छन्। क्लाइन्ट लोगोहरू एकल, कम-कन्ट्रास्ट पङ्क्तिमा डिस्याचुरेटेड हरियो-खैरो लेबलहरूको रूपमा प्रदर्शित हुन्छन्, दृश्य प्रतिस्पर्धा बिना विश्वासको संकेत गर्दछ। समग्र घनत्व कम छ—धेरैजसो पृष्ठहरूमा मुख्यतया पाठ हुन्छ, र छविहरू तस्बिरहरूको ग्रिडको सट्टा व्यक्तिगत फोकल पोइन्टहरूको रूपमा प्रस्तुत गरिन्छ। कुनै फोटोहरू छैनन्; सम्पूर्ण दृश्य प्रणाली रेन्डर गरिएको छ, ज्यामितीय, र रेडियन्ट।

प्यालेट

ब्रान्ड

  • Lime Pulse #7fee64 — कर्पोरेट पहिचानका मुख्य तत्वहरू लोगो, मुख्य कल टु एक्शन (CTA), ट्याग फिलिंग, सक्रिय अवस्थाहरू, र चित्रणको आधारभूत रंग हुन्।

तटस्थ

  • Phosphor White #ddffdc — मुख्य पाठ, शीर्षकको रङ, आइकनको रूपरेखा, र भरिएको बटन पाठ मुख्य पठनीय सतह हुन्।
  • Void Black #000000 — पृष्ठको क्यानभास, सबैभन्दा गहिरो पृष्ठभूमि तह
  • Ground Iron #181818 — मुख्य बटन भर्ने ठाउँ, अँध्यारो क्षेत्रमा कार्ड सतहहरू, प्रयोगकर्ता इन्टरफेसको आधार सतह।
  • Carbon Veil #212525 — माथिल्लो सतहहरू, नेभिगेसन पृष्ठभूमि, जमिन भन्दा अलि हल्का।
  • Circuit Border #485346 — रूपरेखा/भूत कार्य फ्रेम, मुख्य अन्तरक्रियात्मक पातलो रेखा, एक मौन हरियो-खैरो छाया हो।
  • Phosphor Blue-Black #1f2a33 — गाढा धर्काहरू बीच स्ट्रोकहरू विभाजन गर्ने माध्यमिक पातलो चिन्ह लगाउने रेखाहरू।

टाइपोग्राफी

१२ देखि ६४ पिक्सेल सम्म · ८ चरणहरू

  • Goga — प्रतिस्थापन: Inter Tight or Space Grotesk · रूपरेखाहरू 400, 500 · हेडिङ र सबहेडिङ फन्ट - सबै H1–H4 हेडिङ र कार्डहरूको लागि प्रयोग गरिन्छ। गोगा साँघुरो एपर्चर र थोरै वर्गाकार टर्मिनलहरू भएको अनुकूलन ज्यामितीय सान्स-सेरिफ फन्ट हो। मध्यम तौल (५००) कार्ड-स्तर हेडिङहरू हाइलाइट गर्न आरक्षित छ; सामान्य तौल (४००) नायक र खण्ड हेडिङहरूको लागि प्रयोग गरिन्छ। मोडलको पहिचान परिभाषित गर्ने वैकल्पिक ग्लिफ आकारहरू पहुँच गर्न, यसको 'ss01' शैलीगत सेट सक्षम हुनुपर्छ। नकारात्मक अक्षर स्पेसिङ बिस्तारै -०.००७em ४८px मा देखि २१px मा -०.०१७em सम्म घट्छ।
  • Inter Variable — प्रतिस्थापन: Inter · रूपरेखाहरू 400, 500 · प्रयोगकर्ता इन्टरफेस र मुख्य भागको प्रतिलिपि - नेभिगेसन, बटनहरू, मुख्य भागको प्रतिलिपि, लेबलहरू, फुटर। अन्तरक्रियात्मक तत्वहरू र नेभिगेसनको लागि पूर्वनिर्धारित रूपमा मध्यम वजन (५००) प्रयोग गरिन्छ; अनुच्छेदहरूको लागि सामान्य (४००) प्रयोग गरिन्छ। सानो आकारमा पनि अक्षर स्पेसिङ उल्लेखनीय रूपमा कम हुन्छ (-०.०२६em १४px मा, -०.०२२em १६px मा), जसले इन्टरफेसलाई संकुचित, टर्मिनल घनत्व दिन्छ। वैकल्पिक विराम चिन्हको लागि, 'cv११' क्यारेक्टर भेरियन्ट समावेश गर्नुपर्छ। १२px मा सबै-क्याप्स लेबलहरूले मुख्य भागको प्रतिलिपि घनत्वलाई सन्तुलित गर्न +०.०५em अक्षर स्पेसिङ प्रयोग गर्छन्।

अन्तराल र रूप

उद्देश्यअर्थ
घनत्वऔसत
आधारभूत चरण20px
बटनको त्रिज्या12px
कार्डको अर्धव्यास8px
छायाँहरूछायाँको सट्टा कुनै - किनारा छैन
खण्डहरू बीच80px
पृष्ठ चौडाइ1280px

एआईले तपाईंको वेबसाइट Modal शैलीमा बनाउनेछ र यसलाई भर्नेछ

  • लिङ्क मार्फत उत्पादनहरू र पोस्टहरू भर्नुहोस् - Instagram, TikTok, Facebook ।
  • आफ्नो पुरानो साइटबाट सामग्री स्थानान्तरण गर्नुहोस्—केवल ठेगाना निर्दिष्ट गर्नुहोस्।
  • उत्कृष्ट इन्जिनमा आधुनिक डिजाइन: सर्भर रेन्डरिङ र SEO अप्टिमाइजेसनको साथ React ( Next.js)।
  • खोज परिणाम र तंत्रिका नेटवर्क सिफारिसहरूको लागि पूर्ण स्वचालित SEO अप्टिमाइजेसन।

उस्तै शैलीहरू

  • Slash — सुनौलो लेजर भएको मध्यरातको भल्ट
  • AgentQL — रातमा टर्मिनलमाथि उत्तरी बत्तीहरू
  • GitHub — बायोल्युमिनेसेन्ट नियन्त्रण बिन्दुहरू भएको स्पेस कमाण्ड प्यानल—एउटा अँध्यारो, वायुमण्डलीय कार्यस्थान जहाँ एकल हरियो चमकले अगाडिको बाटो देखाउँछ।
  • Doppler — मध्यरातमा भल्टको बैजनी प्रकाश। लगभग कालो क्यानभास एकल ल्याभेन्डर संकेत र हरियो पुष्टिकरण प्रकाशले चम्किन्छ, प्रत्येक सतह समात्न पर्याप्त घुमाउरो छ।
  • Basedash — म्याट फन्ट भएको मध्यरातको डेटा टर्मिनल। एउटा अँध्यारो वेधशाला जहाँ मेट्रिक्स बैजनी र हरियो चम्किन्छन्, सेरिफ हेडलाइनहरू आवाज माथि तैरन्छन्, र नरम कालो सतहहरूको कोठामा सेतो गोली आकारका बटनहरू मात्र उज्यालो वस्तुहरू हुन्।
  • Superwhisper — मध्यरातको गिलासमाथि उत्तरी बत्तीहरू पग्लिन्छन्
  • Better Stack — मध्यरात SRE कन्सोल
  • Langbase — मिडनाइट नर्दर्न लाइट्स कन्सोल
  • Astro — नेबुलाबाट एकल बैजनी चमक सहितको गहिरो अन्तरिक्ष मिसन नियन्त्रण
  • Wayfinder — प्रत्यक्ष चित्रण माथि मुश्किलले सुन्न सकिने शीर्षक भएको कालो चलचित्र स्क्रिन। इन्टरफेस नियन्त्रण प्यानलको सट्टा चमक स्लाइडर हो।
  • HashiCorp — मध्यरातमा बैजनी नियोन भएको नियन्त्रण कक्ष एउटा गाढा प्राविधिक सतह हो जहाँ चम्किलो षट्कोण घनले मात्र रङ सन्दर्भको रूपमा काम गर्छ।
  • Umbrel — रात्रिकालीन सर्भर कोठामा आरामदायी आगोको खाडल—एउटा अँध्यारो कोठा जहाँ एकल पीचको चमकले साँच्चै महत्त्वपूर्ण कुरालाई प्रकाश पार्छ।