ThoughtLab
लाल रंग के चिह्न वाला एक ओब्सीडियन स्मारक। काले खालीपन का एक कैनवास, जहाँ गिरजाघर में एकमात्र संतृप्त लाल वस्तु, बड़े सफेद अक्षरों में मुद्रित, एक एकल रंगीन आकृति है।
ThoughtLab एक ब्लैक कैथेड्रल डिज़ाइन शैली में काम करता है: एक खाली काला कैनवास, एक एकल लाल पल्स, और इतनी विशाल टाइपोग्राफी जो वास्तुकला का काम करती है। यह सिस्टम लगभग पूरी तरह से रंगहीन है—#cccccc शरीर को दर्शाता है, #ffffff डिस्प्ले को—जबकि #fc1c46 केवल एक मुख्य क्रिया के लिए दिखाई देता है, खालीपन की पृष्ठभूमि के विरुद्ध तनाव के एक नियंत्रित उभार के रूप में। पदानुक्रम रंग, छाया या फिल के बजाय तीव्र आकार परिवर्तन (198px → 14px) के माध्यम से निर्मित होता है। घटक भारहीन हैं: पारदर्शी कार्ड, गोली के आकार के बटन, पतले इनपुट फ़ील्ड, ऊंचे स्टैकिंग का अभाव—पृष्ठ कंटेनरों के बजाय खाली स्थान और घनी पैक की गई अपरकेस के माध्यम से सांस लेता है।
एक गहरा कैनवास पूरे पृष्ठ की चौड़ाई में फैला हुआ है, जिसमें चौड़े क्षैतिज मार्जिन (प्रत्येक तरफ 126px, जिससे सामग्री कॉलम लगभग 1400px तक चौड़ा हो जाता है) हैं। हेडर एक ही 72px की पंक्ति में है: बाईं ओर लोगो, बीच में टैगलाइन, गोली के आकार का कॉल-टू-एक्शन बटन और दाईं ओर हैमबर्गर बार। हीरो एक विभाजित रचना है—बाईं ओर बड़े अक्षरों में 198px का एक बड़ा शीर्षक, जिसके ठीक नीचे 18px का सहायक बॉडी टेक्स्ट है, जबकि केंद्र के दाईं ओर एक 3D गोला टेक्स्ट को आंशिक रूप से "ढक" रहा है। हीरो के नीचे, अनुभागों को 86–108px के अंतराल के साथ एक विशाल ऊर्ध्वाधर लय में व्यवस्थित किया गया है। कार्य के तत्व कार्डों के ग्रिड के बजाय एक सूची के रूप में प्रदर्शित किए गए हैं, जो पृष्ठ की लगभग पूरी चौड़ाई को कवर करते हैं। कोई साइडबार नहीं है, कोई मेगा-मेनू नहीं है, कोई कॉलम ग्रिड वाला फ़ूटर नहीं है—फ़ूटर एक ही, शांत पंक्ति में है जिसमें कॉपीराइट जानकारी और संपर्क जानकारी #4c4c4c दी गई है। हेडर से आगे नेविगेशन करने पर फुल-स्क्रीन ओवरले में एक हैमबर्गर मेनू खुलता है।
चित्र सीमित संख्या में हैं और जानबूझकर चुनिंदा तरीके से प्रस्तुत किए गए हैं। प्रमुख दृश्य तत्व वेबजीएल में निर्मित काले रंग के तरल पदार्थ का एक विशाल गोला है—एक गहरा, लगभग काला, 3डी आकार जिसके किनारों पर नीले और एम्बर रंग की हल्की परछाईं हैं, जो काले बैकग्राउंड पर तैरता हुआ शीर्षक को आंशिक रूप से ढकता है। यह चित्रण से अधिक ब्रांड आइकनोग्राफी के रूप में कार्य करता है। प्रोजेक्ट थंबनेल को फोटो या वीडियो के रूप में एक ऊर्ध्वाधर सूची में प्रदर्शित किया गया है, जो बिना बॉर्डर के किनारे से किनारे तक फैला हुआ है। कोई लाइफस्टाइल फोटो नहीं, कोई स्टॉक इमेज नहीं, कोई सजावटी ग्रेडिएंट नहीं। गोला और टाइप ही पृष्ठ पर एकमात्र दृश्य तत्व हैं।
पैलेट
ब्रांड
- Crimson Signal
#fc1c46— इसका मुख्य आकर्षण एक लाल रंग का तत्व है; यह "संपर्क" टैब पर, ब्रांड लोगो में दिखाई देता है, और कहीं नहीं। इसकी दुर्लभता डिजाइन की विशिष्टताओं के कारण है।
तटस्थ
- Void
#000000— पेज की पृष्ठभूमि, यानी कैनवास, वह मूलभूत आधार है जिस पर अन्य सभी तत्व टिके होते हैं। - Ash
#cccccc— मुख्य और लिंक टेक्स्ट, काले कैनवास पर डिफ़ॉल्ट टेक्स्ट टोन - चकाचौंध को कम करने के लिए शुद्ध सफेद के बजाय चुना गया। - Frost
#ffffff— शीर्षकों, बटन टेक्स्ट, इनपुट फ़ील्ड टेक्स्ट और मार्कअप को प्रदर्शित करना सबसे प्रमुख स्तर है, जो रैखिक रूप से प्रस्तुत की जाने वाली सामग्री के लिए अभिप्रेत है। - Graphite
#4c4c4c— कॉपीराइट, मेटा टैग, सहायक पाठ - जानबूझकर इन्हें हल्का रखा गया है ताकि ये मुख्य पाठ से प्रतिस्पर्धा न करें।
टाइपोग्राफी
10 से 198px तक · 7 चरण
- sui — प्रतिस्थापन: Space Grotesk (closest free geometric match) or Inter for a more neutral alternative. Neue Haas Grotesk Display if licensed. · रूपरेखा 300, 400, 500, 700 · एक ही फ़ॉन्ट। सुई एक विशेष रूप से डिज़ाइन किया गया ज्यामितीय सैन्स-सेरिफ़ फ़ॉन्ट है जिसका उपयोग हेडलाइन के लिए 198px से लेकर कैप्शन के लिए 10px तक सभी प्रकार के टेक्स्ट के लिए किया जाता है। 700 वेट का उपयोग भव्य हेडलाइन और बड़े शीर्षकों के लिए किया जाता है; 400 वेट का उपयोग बाकी टेक्स्ट के लिए किया जाता है। बोल्ड और रेगुलर के बीच का अंतर ही मुख्य फ़ॉन्ट सिस्टम है; किसी अन्य फ़ॉन्ट परिवार की आवश्यकता नहीं है।
अंतराल और रूप
| उद्देश्य | अर्थ |
|---|---|
| घनत्व | घना |
| बुनियादी कदम | 9px |
| बटन त्रिज्या | 9999px |
| कार्ड त्रिज्या | 0px |
| छैया छैया | नहीं - छाया के बजाय बॉर्डर |
| अनुभागों के बीच | 86-108px |
| पृष्ठ की चौड़ाई | 1400px |
एआई आपकी वेबसाइट को ThoughtLab शैली में बनाएगा और उसमें डेटा भरेगा।
- इन लिंक के माध्यम से उत्पादों और पोस्ट से भरें - Instagram, TikTok, Facebook ।
- अपनी पुरानी वेबसाइट से सामग्री स्थानांतरित करें—बस पता निर्दिष्ट करें।
- सर्वश्रेष्ठ इंजन पर आधुनिक डिजाइन: React ( Next.js) जिसमें सर्वर रेंडरिंग और एसईओ अनुकूलन की सुविधा अंतर्निहित है।
- खोज परिणामों और न्यूरल नेटवर्क अनुशंसाओं के लिए पूरी तरह से स्वचालित एसईओ अनुकूलन।
समान शैलियाँ
- Vivid+Co — ओब्सीडियन से होकर गुजरने वाला इंद्रधनुषी प्रकाश
- Sequel — अंधेरा होने के बाद होने वाली निजी स्क्रीनिंग ही एक अन्यथा अंधेरे सिनेमाघर में एकमात्र गर्म रोशनी होती है।
- Dovetail — एक काली चाँदनी में बना खाका—मुश्किल से दिखाई देने वाली ग्राफ की रेखाएँ, सफेद फ़ॉन्ट, एक बैंगनी चमक
- MekaVerse — डिजिटल कलाकृतियों की एक मोनोक्रोम गैलरी—एक ठोस काला शून्य जहां प्रस्तुत दुनिया एक संग्रहालय प्रदर्शनी की तरह लटकी हुई है, और पूरा यूजर इंटरफेस मैट ब्लैक ग्लास पर सफेद स्याही से बना है।
- Krea — गैलरी नॉयर एट मिडनाइट
- Factory — आधी रात को "वॉर रूम" का टर्मिनल। "फैक्ट्री" एक बिल्कुल काला कंट्रोल पैनल है जहाँ एक सफेद कार्ड टॉर्च की रोशनी में किसी संदेश की तरह गिरता है—कमरे में एकमात्र वस्तु स्वयं काम है।
- basement — सुबह के 3 बजे एक खाली प्रिंटिंग प्रेस - घोर अंधेरे में फैले विशाल, संकुचित फ़ॉन्ट, नेविगेशन बार पर नारंगी रोशनी की एक हल्की सी चमक, बाकी सब कुछ सफेद या भूतिया धूसर रंग का।
- Stink Studios — आधी रात को एक फिल्म स्टूडियो - प्रोजेक्टर की हल्की आवाज़, कमरा अंधेरा, केवल फिल्म ही रोशन है
- Apple (España) — प्रकाशयुक्त साज-सज्जा वाला काला रंगमंच
- Charlie — मठ के पत्थरों से उकेरी गई टाइपोग्राफी को ओब्सीडियन पर उकेरा गया है। एक ऐसा पोर्टफोलियो जिसमें एक अकेली लाल दीवार सन्नाटा छा देती है।
- Rive — उच्च परिशुद्धता वाली रात्रि दृष्टि। इस इंटरफ़ेस में एक विशेष लेंस लगा है जो अंधेरे में भी भेदकर तकनीकी विवरणों को पूर्ण स्पष्टता के साथ प्रदर्शित करता है।
- Datalands — एक काले रंग का गिरजाघर, जिस पर नियॉन की एक हल्की सी रोशनी चमक रही है। लोगो पूरे हॉल में फैला हुआ है; बाकी सब कुछ उसके नीचे मुश्किल से सुनाई देने वाले अक्षरों में लिखा है।