
Modal
एक अंधेरे सर्वर कक्ष में एक फास्फोरसेंट टर्मिनल - प्रकाश का एकमात्र स्रोत चमकीला हरा रंग है।
मोडल एक अंधेरे सर्वर रूम में फॉस्फोरसेंट टर्मिनल की तरह काम करता है: लगभग काला कैनवास, हल्के हरे रंग के अक्षर और एक चमकीला लाइम-ग्रीन एक्सेंट जो एलईडी स्टेटस इंडिकेटर का काम करता है। इसका डिज़ाइन डेवलपर-केंद्रित है—ट्रैफिक लाइट डॉट्स वाली मोनोस्पेस्ड कोड विंडो, सिग्नेचर ग्रीन रंग में आइसोमेट्रिक 3डी आइकन और पर्याप्त व्हाइट स्पेस, जिससे प्रत्येक सेक्शन में एक एलिमेंट चमकता है। हेडिंग के लिए कस्टम फॉन्ट (गोगा) और सभी यूआई एलिमेंट्स के लिए वेरिएबल फॉन्ट (इंटर) का उपयोग किया गया है, दोनों में नैरो नेगेटिव ट्रैकिंग है। रंगों का वितरण समान रूप से किया गया है: अधिकांश स्क्रीन रंगहीन हैं, और चमकीला लाइम-ग्रीन रंग केवल मुख्य क्रियाओं, लोगो, 3डी चित्रों और महत्वपूर्ण बिंदुओं पर ही दिखाई देता है। कंपोनेंट्स फ्लैट और फ्रेमलेस हैं, और गहराई शैडो के बजाय सूक्ष्म हरे बॉर्डर और बैकग्राउंड ब्लर के माध्यम से बनाई गई है।
इस मॉडल में सामग्री को समायोजित करने के लिए अधिकतम 1280px चौड़ाई वाला पूर्ण-चौड़ाई वाला गहरा लेआउट उपयोग किया गया है। हीरो विंडो केंद्र में है: शीर्षक (पहला वाक्य हल्के हरे रंग में), एक उपशीर्षक, दो कॉल टू एक्शन और एक दृश्य एंकर के रूप में एक एकल 3D ऑब्जेक्ट—बिना लेआउट को साइडबार से अलग किए। सामग्री अनुभाग एक समान लय का पालन करते हैं: आइब्रो टैग (बड़े अक्षर, मॉस 70) → गोगा शीर्षक → म्यूटेड बॉडी टेक्स्ट, फिर या तो एक फीचर विवरण (पाठ + कोड/विज़ुअल कार्ड) के साथ दो-कॉलम लेआउट या कार्डों का तीन-कॉलम ग्रिड। अनुभागों के बीच पर्याप्त गैप है—80px। पृष्ठ गहरे खाली (#000000) और थोड़े हल्के पृष्ठभूमि (#181818) धारियों के बीच बारी-बारी से दिखाई देता है, जिसमें एक हल्का अनुभाग (#def0dd) पृष्ठ के मध्य में एक दृश्य विराम के रूप में दिखाई देता है। नेविगेशन में धुंधली पृष्ठभूमि वाली एक एकल, स्थिर शीर्ष पट्टी होती है—कोई साइडबार या मेगा-मेनू नहीं। फ़ूटर संक्षिप्त और गहरे रंग का है, जिसमें हल्के हरे रंग के लिंक कॉलम हैं। टेक्स्ट की सघनता उचित है: प्रत्येक अनुभाग को पर्याप्त स्थान दिया गया है, और कार्ड ग्रिड में तीन से अधिक कॉलम का उपयोग नहीं किया गया है।
मोडल की दृश्य भाषा दो मोड में विभाजित है: 3डी चमकते उत्पाद रेंडर और डार्क कोड विंडो मॉकअप। मुख्य आकर्षण एक एकल 3डी घन है जिसे मार्केटिंग ग्रेडिएंट (लाइम ग्रीन से एमराल्ड तक) का उपयोग करके रेंडर किया गया है, जो एक रेडियल ग्रेडिएंट हेलो के भीतर स्थित है जो खाली स्थान को हरे रंग से नहलाता है—यह ब्रांड की विशिष्ट दृश्य शैली है। वर्कलोड कार्ड में आइसोमेट्रिक 3डी आइकन (एक वायरफ्रेम घन, एक ठोस सीढ़ी, परतें) होते हैं जिन्हें गहरे रंग की पृष्ठभूमि पर उसी लाइम ग्रीन रंग में रेंडर किया गया है। कोड और बेंचमार्क परिणाम टर्मिनल विंडो कार्ड के रूप में प्रस्तुत किए जाते हैं जिनमें ट्रैफिक लाइट डॉट्स, फॉस्फोरसेंट पैलेट में मोनोस्पेस्ड सिंटैक्स हाइलाइटिंग और एक म्यूटेड ग्रीन बॉर्डर होता है—ये एक वास्तविक कमांड-लाइन इंटरफ़ेस के स्क्रीनशॉट से मिलते जुलते हैं। क्लाइंट लोगो को एक ही, कम कंट्रास्ट वाली पंक्ति में डीसैचुरेटेड ग्रीन-ग्रे लेबल के रूप में प्रदर्शित किया जाता है, जो दृश्य प्रतिस्पर्धा के बिना विश्वास का संकेत देता है। समग्र घनत्व कम है—अधिकांश पृष्ठों में मुख्य रूप से टेक्स्ट होता है, और छवियों को तस्वीरों के ग्रिड के बजाय व्यक्तिगत फोकल पॉइंट के रूप में प्रस्तुत किया जाता है। कोई तस्वीरें नहीं हैं; संपूर्ण दृश्य प्रणाली रेंडर की गई, ज्यामितीय और दीप्तिमान है।
पैलेट
ब्रांड
- Lime Pulse
#7fee64— कंपनी की पहचान के मुख्य तत्व लोगो, मुख्य कॉल टू एक्शन (CTA), टैग फिलिंग, सक्रिय अवस्थाएं और चित्रण का मूल रंग हैं।
तटस्थ
- Phosphor White
#ddffdc— मुख्य पाठ, शीर्षक का रंग, आइकन की रूपरेखा और बटन का भरा हुआ पाठ मुख्य पठनीय सतह हैं। - Void Black
#000000— पेज कैनवास, सबसे निचली पृष्ठभूमि परत - Ground Iron
#181818— मुख्य बटन का रंग, अंधेरे क्षेत्रों में कार्ड की सतहें, उपयोगकर्ता इंटरफ़ेस की आधार सतह। - Carbon Veil
#212525— ऊँची सतहें, नेविगेशन पृष्ठभूमि, जमीन से थोड़ी हल्की। - Circuit Border
#485346— आउटलाइन/घोस्ट एक्शन फ्रेम, जो मुख्य इंटरैक्टिव पतली रेखा है, एक हल्के हरे-भूरे रंग की होती है। - Phosphor Blue-Black
#1f2a33— पतली द्वितीयक रेखाएँ, जो गहरी धारियों के बीच की रेखाओं को विभाजित करती हैं।
टाइपोग्राफी
12 से 64px तक · 8 चरण
- Goga — प्रतिस्थापन: Inter Tight or Space Grotesk · रूपरेखा 400, 500 · शीर्षक और उपशीर्षक फ़ॉन्ट – सभी H1–H4 शीर्षकों और कार्डों के लिए उपयोग किया जाता है। गोगा एक कस्टम ज्यामितीय सैन्स-सेरिफ़ फ़ॉन्ट है जिसमें संकीर्ण छिद्र और थोड़े वर्गाकार टर्मिनल हैं। मध्यम भार (500) कार्ड-स्तरीय शीर्षकों को हाइलाइट करने के लिए आरक्षित है; सामान्य भार (400) हीरो और अनुभाग शीर्षकों के लिए उपयोग किया जाता है। मोडल की पहचान को परिभाषित करने वाले वैकल्पिक ग्लिफ़ आकृतियों तक पहुँचने के लिए, इसके 'ss01' स्टाइल सेट को सक्षम करना होगा। ऋणात्मक अक्षर रिक्ति 48px पर -0.007em से धीरे-धीरे घटकर 21px पर -0.017em हो जाती है।
- Inter Variable — प्रतिस्थापन: Inter · रूपरेखा 400, 500 · यूज़र इंटरफ़ेस और बॉडी टेक्स्ट – नेविगेशन, बटन, बॉडी टेक्स्ट, लेबल, फ़ूटर। इंटरैक्टिव तत्वों और नेविगेशन के लिए डिफ़ॉल्ट रूप से मध्यम वेट (500) का उपयोग किया जाता है; पैराग्राफ़ के लिए सामान्य वेट (400) का उपयोग किया जाता है। छोटे साइज़ में भी लेटर स्पेसिंग काफ़ी कम कर दी गई है (-0.026em 14px पर, -0.022em 16px पर), जिससे इंटरफ़ेस सघन और टर्मिनल जैसा दिखता है। वैकल्पिक विराम चिह्नों के लिए, 'cv11' कैरेक्टर वेरिएंट का उपयोग किया जाना चाहिए। 12px पर ऑल-कैप्स लेबल के लिए बॉडी टेक्स्ट की सघनता को संतुलित करने के लिए +0.05em लेटर स्पेसिंग का उपयोग किया जाता है।
अंतराल और रूप
| उद्देश्य | अर्थ |
|---|---|
| घनत्व | औसत |
| बुनियादी कदम | 20px |
| बटन त्रिज्या | 12px |
| कार्ड त्रिज्या | 8px |
| छैया छैया | नहीं - छाया के बजाय बॉर्डर |
| अनुभागों के बीच | 80px |
| पृष्ठ की चौड़ाई | 1280px |
एआई आपकी वेबसाइट को Modal शैली में बनाएगा और उसमें डेटा भरेगा।
- इन लिंक के माध्यम से उत्पादों और पोस्ट से भरें - Instagram, TikTok, Facebook ।
- अपनी पुरानी वेबसाइट से सामग्री स्थानांतरित करें—बस पता निर्दिष्ट करें।
- सर्वश्रेष्ठ इंजन पर आधुनिक डिजाइन: React ( Next.js) जिसमें सर्वर रेंडरिंग और एसईओ अनुकूलन की सुविधा अंतर्निहित है।
- खोज परिणामों और न्यूरल नेटवर्क अनुशंसाओं के लिए पूरी तरह से स्वचालित एसईओ अनुकूलन।
समान शैलियाँ
- Slash — सोने से मढ़े बहीखातों वाला आधी रात का तहखाना
- AgentQL — रात में टर्मिनल के ऊपर उत्तरी रोशनी
- GitHub — जैवप्रकाशित नियंत्रण बिंदुओं वाला एक अंतरिक्ष कमांड पैनल—एक अंधेरा, रहस्यमय कार्यक्षेत्र जहाँ एक हरी चमक आगे का रास्ता दिखाती है।
- Doppler — आधी रात को तिजोरी की बैंगनी रोशनी। लगभग काला कैनवास एक लैवेंडर सिग्नल और एक हरे रंग की पुष्टि प्रकाश से जगमगा रहा है, इसकी हर सतह इतनी घुमावदार है कि उसे पकड़ा जा सके।
- Basedash — मैट फॉन्ट वाला एक आधी रात का डेटा टर्मिनल। एक अंधेरी वेधशाला जहाँ मेट्रिक्स बैंगनी और हरे रंग में चमकते हैं, सेरिफ हेडलाइन शोर के ऊपर तैरती हैं, और सफेद गोली के आकार के बटन नरम काली सतहों वाले कमरे में एकमात्र चमकदार वस्तुएँ हैं।
- Superwhisper — आधी रात के धुंधलके पर उत्तरी रोशनी मिट जाती है
- Better Stack — मिडनाइट एसआरई कंसोल
- Langbase — मिडनाइट नॉर्दर्न लाइट्स कंसोल
- Astro — एक नीहारिका से निकलती बैंगनी चमक के साथ डीप स्पेस मिशन कंट्रोल
- Wayfinder — एक काली फिल्म स्क्रीन पर, मुश्किल से सुनाई देने वाला शीर्षक एक जीवंत चित्र के ऊपर तैरता हुआ दिखाई देता है। इंटरफ़ेस एक कंट्रोल पैनल के बजाय ब्राइटनेस स्लाइडर है।
- HashiCorp — आधी रात को बैंगनी नियॉन लाइटों से जगमगाता कंट्रोल रूम एक अंधेरा तकनीकी क्षेत्र है जहां एक चमकता हुआ षट्भुजाकार घन एकमात्र रंग संदर्भ के रूप में कार्य करता है।
- Umbrel — रात के समय सर्वर रूम में एक आरामदायक अलाव - एक अंधेरा कमरा जहां एक हल्की गुलाबी रोशनी ही वास्तव में महत्वपूर्ण चीजों को उजागर करती है।