Dala
काले मखमली सतह पर तैरता हुआ एक तारामंडल
डाला एक ऐसे गहरे रंग के वातावरण को प्रस्तुत करता है जहाँ काले खाली स्थान एक जीवंत बैंगनी रंग से मिलते हैं, और बीच-बीच में सुनहरी चमक बिखरती है। टाइपोग्राफी एकसमान और भारहीन है—PPNeueMontreal, एक 400-वेट वाला फॉन्ट, प्रत्येक शीर्षक पर बड़े आकार (78–113px) में हावी है, जिसमें आक्रामक नकारात्मक अक्षर स्पेसिंग है, जिससे शीर्षक जानकारीपूर्ण होने के बजाय अधिक मूर्तिकलात्मक प्रतीत होते हैं। दृश्य केंद्र में छोटे, बहुरंगी त्रिकोणीय कणों का एक समूह है, जो एक जैविक मस्तिष्क का आकार बनाता है, जो ब्रांड के विशिष्ट प्रतीक के रूप में कार्य करता है: ज्ञान को पदानुक्रमित डेटा के बजाय वितरित बुद्धिमत्ता के रूप में दर्शाया गया है। लेआउट एक विशाल दो-स्तंभ लय का अनुसरण करता है—बड़े आकार के, बाईं ओर संरेखित शीर्षक विस्तृत बॉडी कॉपी के साथ, बिना पैनल, फ्रेम या कार्ड के एक साफ काले बैकग्राउंड पर तैरते हुए प्रतीत होते हैं। घटकों को जानबूझकर उनके सबसे आवश्यक रूप में कम कर दिया गया है: एक एकल बैंगनी पिल बटन, छिपे हुए टेक्स्ट लिंक और बड़े टेक्स्ट ब्लॉक।
पूर्ण चौड़ाई वाले अनुभाग एक शुद्ध काले कैनवास पर व्यवस्थित हैं, जिसमें अधिकतम सामग्री की चौड़ाई लगभग 1280px है और वह केंद्र में स्थित है। मुख्य अनुभाग में एक असममित दो-स्तंभ लेआउट है: बाईं ओर संरेखित एक बड़ी शीर्षक (113px) जिसके बाईं ओर मुख्य पाठ और कॉल-टू-एक्शन है, जबकि दाईं ओर एक विशाल आकार में "पार्टिकल ब्रेन" विज़ुअलाइज़ेशन है। बाद के अनुभाग दो स्तंभों के बीच बारी-बारी से व्यवस्थित हैं (दृश्य बाईं ओर/पाठ दाईं ओर, फिर पाठ बाईं ओर/दृश्य दाईं ओर), जिससे एक ज़िग-ज़ैग पढ़ने की लय बनती है। अनुभागों के बीच पर्याप्त स्थान (60-120px ऊर्ध्वाधर) है। इसमें कोई कार्ड ग्रिड, मूल्य निर्धारण तालिका या बहु-स्तंभ विशेषता विवरण नहीं है—सामग्री को विशाल दो-स्तंभ पाठ-दृश्य ब्लॉकों में व्यवस्थित किया गया है। नेविगेशन एक न्यूनतम पारदर्शी शीर्ष बार है, जिसमें कोई साइडबार या मेगा-मेनू नहीं है। तत्वों का घनत्व अत्यंत उच्च है - प्रति व्यूपोर्ट एक या दो तत्व, जानकारी से कभी भी अतिभारित नहीं।
दृश्य डिज़ाइन पूरी तरह से प्रक्रियात्मक और अमूर्त है—टीम पोर्ट्रेट को छोड़कर कोई फ़ोटोग्राफ़ नहीं है। ब्रांड की दृश्य पहचान हज़ारों छोटे, आउटलाइन वाले त्रिकोणीय कणों का एक घना बादल है, जिसे जीवंत रंगों (बैंगनी, एम्बर, फ़िरोज़ी, बैंगनी, नीला) के पूर्ण स्पेक्ट्रम में प्रस्तुत किया गया है, जो एक जैविक मस्तिष्क/न्यूरॉन का आकार बनाता है। यह कण क्षेत्र एनिमेटेड है और मुख्य छवि और ब्रांड पहचान तत्व दोनों के रूप में कार्य करता है। आसपास के कण, कम घनत्व में, पृष्ठ की पृष्ठभूमि पर गतिमान रहते हैं। त्रिभुजों में आउटलाइन, 1-2 पिक्सेल की लाइन वेट, तीक्ष्ण किनारे और समृद्ध, रंगीन रंग हैं—कभी भी ग्रेस्केल नहीं। टीम पोर्ट्रेट बड़े, गोल आयतों (124 पिक्सेल त्रिज्या) के रूप में प्रदर्शित किए जाते हैं, जिनमें कोई बॉर्डर या ओवरलैप नहीं होता है। कोई उत्पाद स्क्रीनशॉट नहीं, कोई जीवनशैली फ़ोटो नहीं, कोई 3डी रेंडर नहीं—कण प्रणाली ही दृश्य ब्रांड है।
पैलेट
ब्रांड
- Electric Iris
#8052ff— मुख्य एक्शन बटन, लोगो और ब्रांड के विशिष्ट तत्व एक ही गहरे बैंगनी रंग के हैं, जो काले बैकग्राउंड के विपरीत इंटरैक्टिविटी और ब्रांड पहचान का संकेत देते हैं।
तटस्थ
- Void
#000000— पेज का कैनवास, सेक्शन की पृष्ठभूमि, खाली जगह—प्रमुख सतह शुद्ध काली है, गहरा धूसर नहीं, जिससे एक ऐसा शून्य बनता है जो रंगीन तत्वों को स्वतंत्र रूप से तैरने की अनुमति देता है। - Bone White
#ffffff— शीर्षक, मुख्य पाठ, आइकन फिल, सक्रिय नेविगेशन स्थिति - एकमात्र टाइपोग्राफिक रंग जो काले बैकग्राउंड पर अधिकतम पदानुक्रम प्रदान करता है। - Ash Gray
#9a9a9a— मुख्य टेक्स्ट के पीछे छिपे हुए शांत नेविगेशन टेक्स्ट, पारदर्शी लिंक रंग और अतिरिक्त लेबल अदृश्य हुए बिना ही दिखाई देते हैं। - Silver Mist
#bdbdbd— अतिरिक्त पाठ, कैप्शन स्तर पर जानकारी - संदर्भ को समर्थन देने के लिए सबसे शांत और सबसे पठनीय ग्रे रंग का उपयोग किया गया है। - Saffron Spark
#ffb829— टेक्स्ट को हाईलाइट करना, लिंक पर जोर देना और विराम चिह्नों के साथ ध्यान आकर्षित करना—बैंगनी पृष्ठभूमि के खिलाफ गर्म पीला रंग ब्रांड के लिए रंगीन तनाव पैदा करता है। - Deep Verdant
#15846e— द्वितीयक सतह टिंटिंग, एक ग्रेडिएंट लोगो स्टॉप, ब्रांड ग्रेडिएंट के एक गहरे किनारे के रूप में और मुश्किल से ध्यान देने योग्य एक्सेंट ट्रांजिशन के रूप में प्रकट होता है।
टाइपोग्राफी
12 से 113px तक · 10 चरण
- PPNeueMontreal — प्रतिस्थापन: Inter · रूपरेखा 200, 400, 600, 700 · सभी यूआई संदर्भों में एक समान फ़ॉन्ट का उपयोग किया गया है। डिस्प्ले साइज़ (78–113px) में शीर्षकों के लिए 400 वेट और -0.04em लेटर स्पेसिंग का उपयोग किया गया है—यह बॉडी टेक्स्ट के समान वेट है, लेकिन बड़े आकार के कारण एक पदानुक्रम बनता है। 200 वेट (एक अल्ट्रा-लाइट फ़ॉन्ट) 18px बॉडी टेक्स्ट के लिए आरक्षित है; यह ब्रांड-विशिष्ट निर्णय है: अधिकांश AI/SaaS साइटें बॉडी टेक्स्ट के लिए 400 वेट का उपयोग करती हैं, लेकिन Dala पैराग्राफ को हवादार और आक्रामक न बनाने के लिए वेट को कम कर देता है। नेविगेशन और छोटे शीर्षकों के लिए 600 वेट, 14px लेटर स्पेसिंग, 0.025em लेटर स्पेसिंग और सभी बड़े अक्षरों का उपयोग किया गया है। 113px शीर्षकों और 15px बॉडी टेक्स्ट दोनों के लिए 400 वेट का उपयोग असामान्य है—यह दर्शाता है कि ब्रांड पदानुक्रम बनाने के लिए वेट के बजाय आकार पर निर्भर करता है।
अंतराल और रूप
| उद्देश्य | अर्थ |
|---|---|
| घनत्व | घना |
| बुनियादी कदम | 6-18px |
| बटन त्रिज्या | 24px |
| कार्ड त्रिज्या | 24px |
| छैया छैया | नहीं - छाया के बजाय बॉर्डर |
| अनुभागों के बीच | 60-120px |
| पृष्ठ की चौड़ाई | 1280px |
एआई आपकी वेबसाइट को Dala शैली में बनाएगा और उसमें डेटा भरेगा।
- इन लिंक के माध्यम से उत्पादों और पोस्ट से भरें - Instagram, TikTok, Facebook ।
- अपनी पुरानी वेबसाइट से सामग्री स्थानांतरित करें—बस पता निर्दिष्ट करें।
- सर्वश्रेष्ठ इंजन पर आधुनिक डिजाइन: React ( Next.js) जिसमें सर्वर रेंडरिंग और एसईओ अनुकूलन की सुविधा अंतर्निहित है।
- खोज परिणामों और न्यूरल नेटवर्क अनुशंसाओं के लिए पूरी तरह से स्वचालित एसईओ अनुकूलन।
समान शैलियाँ
- Linear — मध्यरात्रि परिशुद्धता उपकरण
- Resend — काले मखमली कपड़े पर बैंगनी नियॉन रंग
- Ciridae — सुलगते अंगारों की धड़कन से भरा एक खाली कमरा - एक लगभग काला गिरजाघर जहाँ एकमात्र गर्म ध्वनि जंग की एक पतली रेखा है, और हर सतह छाया के बजाय महीन रेखाओं द्वारा परिभाषित है।
- Dovetail — एक काली चाँदनी में बना खाका—मुश्किल से दिखाई देने वाली ग्राफ की रेखाएँ, सफेद फ़ॉन्ट, एक बैंगनी चमक
- Neon — अंधेरा होने के बाद एक सर्वर रूम। घोर अंधेरा, जहाँ एकमात्र रोशनी डेटा और उपयोगकर्ता की बातचीत से आती है।
- Discord — गेम की दुनिया एक पॉप-अप चैट विंडो के पीछे छिपी हुई है - प्रत्येक भाग अपने आप में एक अलग वातावरण है जिसमें अपनी अलग रोशनी और पात्रों का समूह है।
- Aaru — आधी रात को कण क्षेत्र वेधशाला
- Atlas Card — द मिडनाइट वॉल्ट, अपनी एकमात्र नीलमणि किरण के साथ, एक घोर अंधकारमय विस्तार है जहाँ केवल एक ही चीज मायने रखती है, वह है गहरा विद्युती नीला रंग।
- Midjourney — गहरे समुद्र में एक जैव-प्रकाशित टर्मिनल। एक ऐसी गहरी समुद्री दुनिया जहाँ बुद्धिमत्ता स्वयं को ASCII स्ट्रीम में दृश्य रूप से उत्पन्न करती है, और नियंत्रण धुंधली चमकती आकृतियों के रूप में दिखाई देते हैं।
- Checkly — डीप ऑर्बिट मिशन कंट्रोल सेंटर
- Krea — गैलरी नॉयर एट मिडनाइट
- Wope — वोप एक बैंगनी क्षितिज इंटरफ़ेस है। कल्पना कीजिए एक अंधेरी वेधशाला की मेज, जिसके कांच के नीचे से बैंगनी रोशनी निकल रही हो।