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