
Caldera
तातो चुनढुङ्गामा आगो लगाउनुहोस्। क्यानभास कच्चा, न्यानो प्लास्टरबाट बनेको छ, र प्रत्येक सुन्तला रंगको तत्व सतहमा थिचिएको जलिरहेको अंगारो जस्तो देखिन्छ।
क्याल्डेरा पग्लिएको सुन्तला रंगले नुहाएको न्यानो चुनढुङ्गाको क्यानभासमा सञ्चालन हुन्छ। इन्टरफेस समतल र छायाविहीन छ, जसले गर्दा अल्ट्रा-बोल्ड, कन्डेन्स्ड प्रकारलाई लगभग-वास्तुकला स्केलमा (१८९ पिक्सेल सम्म) सम्पूर्ण संरचनात्मक भार बोक्न अनुमति दिन्छ। एकल जीवन्त सुन्तला (#fc5000) ले मोनोक्रोम, न्यानो खैरो रंगको पृष्ठभूमिमा एकमात्र, आक्रामक क्रोमेटिक उच्चारणको रूपमा काम गर्दछ, प्लाज्मा बैजनी मुख्य हाफटोन छविको लागि आरक्षित छ, र सल्फर पहेंलो ट्यागहरूको लागि। दृश्य भाषा ज्वालामुखी हो: गाढा, भारी अक्षरहरू, हाफटोन डट ढाँचाहरू, कार्डहरू र बटनहरूमा ४० पिक्सेल त्रिज्या, र ८०० पिक्सेल गोली आकारको नियन्त्रणहरू - नरम, कागज जस्तो सतहमा न्यानोपन समेटिएको।
दृश्य प्यालेट न्यूनतम र विचारशील छ। मुख्य विन्डोले फोटोको सट्टा अमूर्त हाफटोन डट ढाँचा (बैजनी-सुन्तला ग्रेडियन्टमा सुन्तला थोप्लाहरू) प्रयोग गर्दछ - यो सजावटको रूपमा होइन, तर ब्रान्डको कलात्मक अभिव्यक्तिको रूपमा काम गर्दछ। उत्पादन जानकारी र घोषणाहरू भएका कार्डहरूले छवि भर्दा ठोस एम्बर ब्लकहरू वा हाफटोन प्लाज्मा भायोलेट प्रयोग गर्दछ, जसले एकीकृत ग्राफिक प्रणाली प्रदान गर्दछ। साझेदार/एकीकरण लोगोहरू हल्का पृष्ठभूमिमा मोनोक्रोम आइकनको रूपमा देखा पर्दछन्। त्यहाँ कुनै फोटोहरू, 3D रेन्डरहरू, वा जीवनशैली छविहरू छैनन्। आइकनहरू साना, मोनोक्रोम र न्यूनतम छन् - डिस्कर्ड, एक्स, र Telegram नेभिगेसनमा साधारण ग्लिफको रूपमा अवस्थित छन्। दृश्य भाषा ग्राफिक र सम्पादकीय हो, फोटोग्राफिक होइन: यो स्टक छविहरूको सट्टा पोस्टर डिजाइन जस्तो देखिन्छ।
प्यालेट
ब्रान्ड
- Ember
#fc5000— प्राथमिक कार्य बटनहरू, स्टेट कार्डहरू, र मुख्य दृश्य उच्चारणहरू मात्र आक्रामक रंग उच्चारण हुन्; न्यानो खैरो टोनहरूको विरुद्धमा यसको समृद्धिले अतिरिक्त सजावटी तत्वहरूको आवश्यकता बिना नै जरुरीताको भावना सिर्जना गर्दछ। - Plasma Violet
#524ae9— मुख्य हाफटोन ग्रेडियन्ट आधार, एउटा अतिरिक्त कार्ड सतह - मुख्य डट ढाँचामा र एउटा समर्पित कार्डमा लगभग विशेष रूपमा प्रयोग गरिन्छ; नियन्त्रणहरूको लागि कहिल्यै प्रयोग गरिँदैन।
तटस्थ
- Sulfur
#f5f28e— ट्याग र कोटी आइकनहरूको पृष्ठभूमि, साना हाइलाइटहरू, ब्लग पोस्ट कोटीहरू र कार्यक्रम घोषणाहरू संकेत गर्न प्रयोग गरिने नरम पहेंलो रंग हो। - Limestone
#f7f6f2— कार्ड सतहहरू, सामग्री ब्लक पृष्ठभूमिहरू, र अतिरिक्त बटन भरणहरू सेतो रंगको हल्का, न्यानो छाया हुन् जसले तत्वहरूलाई पृष्ठ क्यानभासको बिरूद्ध अलग देखाउँछ। - Pumice
#e2e2df— पृष्ठको मुख्य पृष्ठभूमि न्यानो मध्यम खैरो रंगको छ जसले प्रत्येक खण्डको लागि जगको रूपमा काम गर्दछ; यो कार्डस्टकको सतह भन्दा थोरै गाढा छ, जसले छाया बिना चित्र र पृष्ठभूमिको सूक्ष्म विभाजनको लागि अनुमति दिन्छ। - Obsidian
#070607— मुख्य पाठ, शीर्षकहरू, लिङ्क पाठ, र बटन फ्रेमहरू लगभग कालो छन् जसमा क्यानभासको न्यानो रङहरूसँग मेल खाने न्यानो रंग मात्र देखिन्छ। - Chalk
#ffffff— अँध्यारो खण्डहरूमा पाठ, अँध्यारो पृष्ठभूमिमा पाठ इनपुट गर्नुहोस्, उच्च-कन्ट्रास्ट ओभरलेहरू - शुद्ध सेतो मात्र प्रयोग गरिन्छ जहाँ अँध्यारो सतहहरूसँग अधिकतम कन्ट्रास्ट आवश्यक हुन्छ।
टाइपोग्राफी
१२ देखि १८९ पिक्सेल सम्म · १० चरणहरू
- PP Neue Corp Compact — प्रतिस्थापन: Bebas Neue · रूपरेखाहरू 400 (Ultrabold cut) · सबै शीर्षकहरू र प्रदर्शन पाठ। अनुकूलित-डिजाइन गरिएको, कन्डेन्स्ड, अल्ट्रा-बोल्ड फन्टले शीर्षकहरूलाई औद्योगिक, चिन्ह-जस्तो हेफ्ट प्रदान गर्दछ। मुख्य ब्लकमा रहेको १८९ पिक्सेल आकारले ब्रान्डको हस्ताक्षर शैलीलाई प्रतिबिम्बित गर्दछ: कन्डेन्स्ड, टाइपोग्राफिक भन्दा लगभग संरचनात्मक। "ss06" र "ss10" सेटिङहरूले थप आक्रामक, कन्डेन्स्ड लयको लागि वैकल्पिक अक्षर रूपहरू र स्पेसिङ सक्रिय गर्दछ। सकारात्मक अक्षर स्पेसिङ (+0.02em) प्रदर्शन आकारहरूको लागि असामान्य छ र ८०-१८९ पिक्सेलमा साँघुरो पाठको भावनालाई रोक्छ।
- DM Sans — प्रतिस्थापन: Inter · रूपरेखाहरू 500 (Medium only — never Regular or Bold) · मुख्य पाठ, नेभिगेसन लिङ्कहरू, बटन लेबलहरू, र माध्यमिक शीर्षकहरू 30px सम्म छन्। मध्यम फन्टको तौल जानाजानी छनोट गरिएको थियो—अतिरिक्त-बोल्ड हेडिङ फन्टको तुलनामा नियमित धेरै पातलो देखिनेछ, र बोल्डले यसको साथ प्रतिस्पर्धा गर्नेछ। DM Sans ले औद्योगिक हेडिङ फन्टको लागि मानवतावादी, थोरै ज्यामितीय काउन्टरपोइन्ट सिर्जना गर्दछ।
- System sans-serif — प्रतिस्थापन: Inter · रूपरेखाहरू 400 · क्याप्सन, मेटाटेक्स्ट, मिति, माइक्रोट्यागहरू। १२ पिक्सेलमा मात्र प्रयोग गरिन्छ, जहाँ तौल र ब्रान्ड पहिचान आकार बचत गर्नु भन्दा कम महत्त्वपूर्ण हुन्छ।
अन्तराल र रूप
| उद्देश्य | अर्थ |
|---|---|
| घनत्व | औसत |
| आधारभूत चरण | 16px |
| बटनको त्रिज्या | 40px |
| कार्डको अर्धव्यास | 40px |
| छायाँहरू | छायाँको सट्टा कुनै - किनारा छैन |
| खण्डहरू बीच | 80px |
| पृष्ठ चौडाइ | 1280px |
एआईले तपाईंको वेबसाइट Caldera शैलीमा बनाउनेछ र यसलाई भर्नेछ
- लिङ्क मार्फत उत्पादनहरू र पोस्टहरू भर्नुहोस् - Instagram, TikTok, Facebook ।
- आफ्नो पुरानो साइटबाट सामग्री स्थानान्तरण गर्नुहोस्—केवल ठेगाना निर्दिष्ट गर्नुहोस्।
- उत्कृष्ट इन्जिनमा आधुनिक डिजाइन: सर्भर रेन्डरिङ र SEO अप्टिमाइजेसनको साथ React ( Next.js)।
- खोज परिणाम र तंत्रिका नेटवर्क सिफारिसहरूको लागि पूर्ण स्वचालित SEO अप्टिमाइजेसन।
उस्तै शैलीहरू
- teenage engineering — स्टुडियो प्रकाशमा औद्योगिक क्याटलग - उत्पादन पृष्ठमा एक मात्र महत्त्वपूर्ण वस्तु हो, र बाँकी सबै कुरा यसको वरिपरि छलफल गरिन्छ।
- basement — बिहान ३ बजे एउटा खाली छापाखाना - कालो रंगमा विशाल, कम्प्रेस गरिएका फन्टहरू फैलिएका, नेभिगेसन बारमा सुन्तला रंगको प्रकाशको एक झलक, बाँकी सबै सेतो वा भूतिया खैरो।
- amra — सेतो पृष्ठभूमिमा इंद्रधनुषी गोला - लगभग पूर्ण रूपमा अक्रोमेटिक पृष्ठमा ल्याभेन्डर एक्सेन्ट एक मात्र रङ पल्स हो, र एकल ग्रेडियन्ट गोलाकारले मुख्य चित्रणले सामान्यतया गर्ने काम गर्छ।
- Stink Studios — मध्यरातमा फिल्म स्टुडियो - प्रोजेक्टर बज्छ, कोठा अँध्यारो छ, फिल्म मात्र बत्ती बालिएको छ
- Andrei Rybin — मोनोक्रोम स्केचबुक भनेको डिजाइनर नोटबुक हो जसमा फोनका स्क्रिनहरू सम्पर्क पानाहरू जस्तै सेतो भित्तामा जोडिएका हुन्छन्।
- Uniswap Cup — ईस्पोर्ट्स प्रतियोगिताको प्रसारण एउटा नक्कली साइटमा हुन्छ - गुलाबी मार्करले सेतो वर्ग र पातलो रेखाहरूको ग्रिडलाई रूपरेखा दिन्छ।
- Freytag Anderson — सिनेमाको पर्दा एउटै शब्दमा उठ्छ। एउटा विशाल गतिशील तस्बिरले सम्पूर्ण स्क्रिन ओगटेको हुन्छ, ब्रान्डको नाम कुनामा क्रेडिट जस्तै बस्छ, र अरू केहीले विचलित गर्दैन।
- Integrated Biosciences — मध्यरातमा बायोल्युमिनेसेन्स प्रयोगशाला
- Vercel — सेतो कागजमा छापिएको टर्मिनल
- Mintlify — सिसाको टेबलमाथि बादलको बगैंचा। हातले कोरेको आकाश र वृत्तचित्र एकसाथ फ्रेम गरिएका छन्—पृष्ठ भिक्षु सेतोमा फिक्का हुनुभन्दा पहिले रंग र अवधारणा एकसाथ ठोक्किने एक मात्र ठाउँ।
- Gleap — ग्रेफाइट उच्चारणहरू सहित न्यानो क्रिम टोनमा सजाइएको कार्यस्थान - एउटा स्टुडियो जहाँ म्याट कालो मसीका थोप्लाहरू लिनेन वास्तुकला माथि तैरिरहेका देखिन्छन्।
- ClickUp — सेतो संगमरमरमा शक्तिशाली ड्यासबोर्ड। पृष्ठ उत्पादकता उपकरणको लागि एक उत्पादन ब्रोसर हो, त्यसैले दृश्य भाषा उत्पादनबाट नै उधारो लिइएको हो: घना सूचीहरू, स्थिति सूचकहरू, अवतारहरूको समूहहरू, र बोल्ड टाइपोग्राफिक कथनहरू जुन प्रदर्शनमा उत्पादन विशिष्टता जस्तो देखिन्छ।