ThoughtLab
रातो रंगको संकेत भएको ओब्सिडियन स्मारक। कालो शून्यताको क्यानभास, जहाँ क्याथेड्रलमा रहेको एक मात्र संतृप्त रातो वस्तु, ठूला सेतो अक्षरहरूमा छापिएको, एकल रंगीन आकृति हो।
ThoughtLab ले ब्ल्याक क्याथेड्रल डिजाइन भाषा जस्तै काम गर्छ: एउटा खाली कालो क्यानभास, एउटा रातो पल्स, र टाइपोग्राफी यति ठूलो छ कि यसले वास्तुकलाको रूपमा काम गर्छ। प्रणाली लगभग पूर्ण रूपमा अक्रोमेटिक छ—#cccccc ले शरीरलाई प्रतिनिधित्व गर्दछ, #ffffff ले डिस्प्लेलाई प्रतिनिधित्व गर्दछ—#fc1c46 केवल एकल प्राथमिक कार्यको लागि देखा पर्दछ, शून्यताको पृष्ठभूमिमा तनावको नियन्त्रित वृद्धिको रूपमा। पदानुक्रम रङ, छायाँ, वा भरणहरू मार्फत भन्दा तीव्र स्केल जम्पहरू (198px → 14px) मार्फत बनाइएको छ। कम्पोनेन्टहरू भारहीन छन्: पारदर्शी कार्डहरू, गोली आकारका बटनहरू, पातलो इनपुट क्षेत्रहरू, उन्नत स्ट्याकिङको अनुपस्थिति—पृष्ठले कन्टेनरहरू मार्फत नभई नकारात्मक ठाउँ र घना प्याक गरिएको ठूलो अक्षर मार्फत सास फेर्छ।
अँध्यारो क्यानभासले पृष्ठको सम्पूर्ण चौडाइलाई फैलाउँछ, चौडा तेर्सो मार्जिनहरू (प्रत्येक छेउमा १२६ पिक्सेल, सामग्री स्तम्भलाई लगभग १४०० पिक्सेलमा धकेल्छ)। हेडर एकल ७२ पिक्सेल रेखा हो: बायाँमा लोगो, केन्द्रमा ट्यागलाइन, गोली आकारको कल-टु-एक्शन बटन, र दायाँमा ह्याम्बर्गर बार। हिरो एक विभाजित रचना हो—बायाँमा सबै क्याप्समा ठूलो आकारको १९८ पिक्सेल हेडलाइन जसमा १८ पिक्सेल तल सपोर्टिङ बडी प्रतिलिपि छ, जबकि ३D गोलाकारले पाठलाई केन्द्रको दायाँतिर ओभरल्याप गर्छ, आंशिक रूपमा यसलाई "खाइन्छ"। हिरोको तल, खण्डहरू तिनीहरू बीच ८६-१०८ पिक्सेल अन्तरालहरू भएको फराकिलो ठाडो लयमा व्यवस्थित छन्। कामका तत्वहरू सूचीको रूपमा प्रदर्शित हुन्छन्, कार्डहरूको ग्रिडको रूपमा भन्दा पृष्ठको लगभग सम्पूर्ण चौडाइ ओगटेको हुन्छ। त्यहाँ कुनै साइडबार छैन, मेगा-मेनु छैन, स्तम्भ ग्रिडको साथ कुनै फुटर छैन—फुटर प्रतिलिपि अधिकार जानकारी र सम्पर्क जानकारी #4c4c4c सहितको एकल, शान्त रेखा हो। हेडरभन्दा बाहिरको नेभिगेसन पूर्ण-स्क्रिन ओभरलेमा ह्याम्बर्गर मेनुको रूपमा सुरु हुन्छ।
छविहरू विरल र जानाजानी क्युरेट गरिएका छन्। प्रमुख दृश्य तत्व ओब्सिडियन तरल पदार्थको ठूलो गोला हो, जुन WebGL मा रेन्डर गरिएको छ—कालो, लगभग कालो, किनारामा सूक्ष्म नीलो र एम्बर प्रतिबिम्बहरू सहितको 3D आकार, कालो पृष्ठभूमिमा तैरिरहेको र आंशिक रूपमा शीर्षकलाई ओभरल्याप गर्दै। यसले चित्रण भन्दा ब्रान्ड आइकनोग्राफीको रूपमा बढी काम गर्दछ। परियोजना थम्बनेलहरू ठाडो सूचीमा फोटो वा भिडियोको रूपमा प्रदर्शित हुन्छन्, किनारा बिना किनारा-देखि-किनारा प्रस्तुत गरिन्छ। कुनै जीवनशैली फोटोहरू छैनन्, कुनै स्टक छविहरू छैनन्, कुनै सजावटी ग्रेडियन्टहरू छैनन्। पृष्ठमा क्षेत्र र प्रकार मात्र दृश्य तत्वहरू हुन्।
प्यालेट
ब्रान्ड
- 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 एउटा अनुकूलित-डिजाइन गरिएको ज्यामितीय sans-serif फन्ट हो जुन हेडलाइनको लागि १९८px देखि क्याप्सनको लागि १०px सम्म सबै कुराको लागि प्रयोग गरिन्छ। ७०० तौल स्मारकीय हेडलाइन र ठूला शीर्षकहरूको लागि आरक्षित छ; ४०० तौल प्रणालीको बाँकी भागको लागि प्रयोग गरिन्छ। बोल्ड र नियमित बीचको भिन्नता प्राथमिक फन्ट प्रणाली हो; दोस्रो परिवार आवश्यक छैन।
अन्तराल र रूप
| उद्देश्य | अर्थ |
|---|---|
| घनत्व | बाक्लो |
| आधारभूत चरण | 9px |
| बटनको त्रिज्या | 9999px |
| कार्डको अर्धव्यास | 0px |
| छायाँहरू | छायाँको सट्टा कुनै - किनारा छैन |
| खण्डहरू बीच | 86-108px |
| पृष्ठ चौडाइ | 1400px |
एआईले तपाईंको वेबसाइट ThoughtLab शैलीमा बनाउनेछ र यसलाई भर्नेछ
- लिङ्क मार्फत उत्पादनहरू र पोस्टहरू भर्नुहोस् - Instagram, TikTok, Facebook ।
- आफ्नो पुरानो साइटबाट सामग्री स्थानान्तरण गर्नुहोस्—केवल ठेगाना निर्दिष्ट गर्नुहोस्।
- उत्कृष्ट इन्जिनमा आधुनिक डिजाइन: सर्भर रेन्डरिङ र SEO अप्टिमाइजेसनको साथ React ( Next.js)।
- खोज परिणाम र तंत्रिका नेटवर्क सिफारिसहरूको लागि पूर्ण स्वचालित SEO अप्टिमाइजेसन।
उस्तै शैलीहरू
- Vivid+Co — ओब्सिडियन हुँदै प्रिज्म्याटिक प्रकाश
- Sequel — अँध्यारो सिनेमाघरमा अँध्यारोपछिको निजी स्क्रिनिङ मात्र न्यानो प्रकाश हो।
- Dovetail — कालो चन्द्रमा मुनिको खाका—मुश्किलले देखिने ग्राफ रेखाहरू, सेतो फन्ट, एउटा बैजनी चमक
- MekaVerse — डिजिटल कलाकृतिहरूको एक मोनोक्रोम ग्यालरी—एक ठोस कालो शून्य जहाँ रेन्डर गरिएको संसार संग्रहालय प्रदर्शनी जस्तै झुण्डिएको छ, र सम्पूर्ण प्रयोगकर्ता इन्टरफेस म्याट कालो गिलासमा सेतो मसीले बनेको छ।
- Krea — मध्यरातमा ग्यालरी नोयर
- Factory — मध्यरातमा "युद्ध कक्ष" टर्मिनल। "कारखाना" एउटा कालो नियन्त्रण प्यानल हो जहाँ एउटा सेतो कार्ड टर्चलाइटले उज्यालो डिस्प्याच जस्तै अवतरण गर्छ - कोठामा एक मात्र वस्तु भनेको काम नै हो।
- basement — बिहान ३ बजे एउटा खाली छापाखाना - कालो रंगमा विशाल, कम्प्रेस गरिएका फन्टहरू फैलिएका, नेभिगेसन बारमा सुन्तला रंगको प्रकाशको एक झलक, बाँकी सबै सेतो वा भूतिया खैरो।
- Stink Studios — मध्यरातमा फिल्म स्टुडियो - प्रोजेक्टर बज्छ, कोठा अँध्यारो छ, फिल्म मात्र बत्ती बालिएको छ
- Apple (España) — उज्यालो फिटिंगसहितको कालो रंगमञ्च
- Charlie — मठको ढुङ्गाबाट ओब्सिडियनमा कुँदिएको टाइपोग्राफी। एउटा पोर्टफोलियो जसमा एउटा रातो पर्खालले बहिरो पार्ने मौनता सिर्जना गर्दछ।
- Rive — उच्च परिशुद्धता रात्रि दृष्टि। इन्टरफेसमा एक विशेष लेन्स छ जसले पूर्ण स्पष्टताका साथ प्राविधिक विवरणहरूमा ध्यान केन्द्रित गर्न अँध्यारोलाई छेउछाउ गर्छ।
- Datalands — एउटा नियोन पल्स भएको कालो क्याथेड्रल। लोगोले नेभ भर्छ; बाँकी सबै कुरा मुनि मुश्किलले सुन्न सकिने पाठ हो।