टेलिग्राम, WhatsApp  +380637610482
भ्यालेरी डान्युक
भ्यालेरी डान्युकविकासकर्ताव्यवसायहरूको लागि एआई उपकरणहरू विकास गर्दै। उच्च गुणस्तर। किफायती।Telegram मा लेख्नुहोस्
Substack — यस शैलीमा साइटको पूर्वावलोकन

Substack

सम्पादकीय कार्यालयको डेस्कमा सुन्तला रंगको मसी

सबस्ट्याक राम्रोसँग जीर्ण भएको न्यूजरूम ड्यासबोर्ड जस्तो देखिन्छ—सेतो क्यानभास, न्यानो, लगभग कालो पाठ, र सामग्री सिर्जनाको प्रत्येक चरणलाई चिन्ह लगाउने एकल चम्किलो सुन्तला रंगको उच्चारण। दृश्य पदानुक्रम सजावटको सट्टा घनत्वमा निर्मित छ: पातलो खैरो रेखाहरूले फिड तत्वहरू अलग गर्छन्, अवतारहरू साना छन्, मेटाडेटा म्यूट गरिएको छ, र पाठकको आँखा सुन्तला कल टु एक्शन, सुन्तला लोगो, सुन्तला "सदस्यता लिनुहोस्" लिङ्क, र सुन्तला "सिर्जना गर्नुहोस्" बटनमा ध्यान केन्द्रित गर्न प्रशिक्षित छ। सतहहरू समतल र अनियन्त्रित राखिएका छन्—कार्ड छायाँ छैन, क्रोम प्यानल तत्वहरू छैनन्—टाइपोग्राफी (कस्टम सेरिफ हेडलाइन फन्टसँग जोडिएको कम्प्याक्ट क्रोम प्रणाली UI तत्व) लाई सम्पादकीय भार बोक्न दिँदै। हस्ताक्षर शैली संयमित क्रोम तत्वहरू र जीवन्त, एकल-रङ पपहरू हुन्: एक पढ्ने एप जुन प्रकाशन उपकरण जस्तो लाग्छ।

तीन-स्तम्भ डेस्कटप लेआउट: एक निश्चित बायाँ साइडबार (~२०० पिक्सेल, आइकन र लेबलहरू सहितको नेभिगेसन, स्टिकी), एक केन्द्र फिड (अधिकतम चौडाइ ~६०० पिक्सेल, पोस्टहरूको ठाडो रूपमा स्क्रोलिङ सूची), र एक निश्चित दायाँ साइडबार (~३०० पिक्सेल, खोज + सिफारिसहरू + दर्ता)। केन्द्र फिड सम्पादकीय कोर हो—कुनै कार्ड छैन, केवल पातलो डिभाइडरहरू र खण्डहरू बीच ३२ पिक्सेल अन्तरहरू सहित एकअर्काको माथि स्ट्याक गरिएका पोस्टहरू। मुख्य ब्यानर फिडको शीर्षमा एकल पूर्ण-चौडाइ कार्डको रूपमा बस्छ। बायाँ साइडबारमा ब्रान्ड लोगो (ओभरलेड लाइनहरू सहितको सुन्तला चिन्ह), छ नेभिगेसन वस्तुहरू, र तल पूर्ण-चौडाइ सुन्तला "सिर्जना गर्नुहोस्" बटन समावेश छ। दायाँ साइडबारमा खोज क्षेत्र, दर्ता कार्ड, र पढ्नको लागि "माथि अर्को" सूची समावेश छ। नेभिगेसन न्यूनतम छ—कुनै शीर्ष पट्टी छैन, कुनै ब्रेडक्रम्ब छैन; साइडबार नेभिगेसन हो। सामग्री घनत्व उच्च छ: पोस्टहरूले १२-१३ पिक्सेल मेटाडेटा र १५-१९ पिक्सेल बडी टेक्स्ट प्रयोग गर्छन्, बजारको कार्ड ग्रिडको अनुभूतिको सट्टा अखबार जस्तो लय सिर्जना गर्छन्।

तस्बिरहरू प्रयोगकर्ता-उत्पन्न सामग्री हुन् (लेखक अवतारहरू, पोस्ट थम्बनेलहरू, पोस्ट छविहरू)—सबस्ट्याकले आफ्नै सजावटी तस्बिरहरू प्रदान गर्दैन। मुख्य कार्डले पृष्ठभूमिको रूपमा अमूर्त चित्रण तत्वहरू (ज्यामितीय आकारहरू, कलम र नोटहरू जस्ता शैलीकृत वस्तुहरू) सहित फिरोजा देखि हरियो ग्रेडियन्ट प्रयोग गर्दछ। दायाँ साइडबारमा पोस्ट थम्बनेलहरू साना (64px) छन्, 8px त्रिज्यामा बन्द छन्, र पठन सूचीको पूर्वावलोकनको रूपमा कार्य गर्दछ। समग्र दृश्य भाषा पाठ-आधारित छ: इन्टरफेस पढ्ने क्यानभास हो, र छविहरूले वातावरण सिर्जना गर्नुको सट्टा सानो दृश्य एङ्करको रूपमा काम गर्दछ।

प्यालेट

ब्रान्ड

  • Signal Orange #ff6719 — सुन्तला रंगलाई सजावटी विवरणहरूको लागि र दुर्लभ संकेतहरूलाई हाइलाइट गर्नको लागि दोस्रो उच्चारणको रूपमा प्रयोग गरिन्छ। यसलाई कल टु एक्शनको लागि प्राथमिक रंगको रूपमा प्रयोग गर्नु हुँदैन।

तटस्थ

  • Ink #363737 — मुख्य पाठ—मुख्य पाठ, शीर्षकहरू, पोस्ट शीर्षकहरू, टाइमस्ट्याम्पहरू, र लेखकको नामहरू; सजिलो पढ्नको लागि शुद्ध #000 को सट्टा न्यानो, लगभग कालो रंग।
  • Paper #ffffff — पृष्ठ क्यानभास, कार्ड सतहहरू, इनपुट फिल्डहरू, र नेभिगेसन पृष्ठभूमिहरू इन्टरफेसको विशाल भाग ओगटेका प्रमुख सतहहरू हुन्।
  • Charcoal #232525 — उच्च चयन स्तर भएका अतिरिक्त पाठ र लिङ्कहरूको लागि होभर स्थिति; कोड ब्लकहरू र चयन ब्लकहरूको लागि मसी मोड भन्दा गहिरो।
  • Stone #777777 — माध्यमिक UI तत्वहरू, डिभाइडरहरू, र म्यूट गरिएका लेबलहरूको लागि तटस्थ रङ समर्थित छ। यसलाई कल टु एक्शनको लागि प्राथमिक रङको रूपमा प्रयोग गर्नु हुँदैन।
  • Ash #b6b6b6 — असक्षम पारिएका नियन्त्रणहरूमा पातलो सीमा रेखाहरू, बटन रूपरेखाहरू, आइकन रूपरेखाहरू, किनाराहरू।
  • Mist #c8c8c8 — विभाजन रेखाहरू, आइकनहरूको लागि अवरोधरहित पृष्ठभूमि, कंकालको रूपमा खाली कक्षहरू भर्ने।

टाइपोग्राफी

१२ देखि ३२ पिक्सेल सम्म · ५ चरणहरू

  • system-ui — प्रतिस्थापन: -apple-system · रूपरेखाहरू 400, 500, 600 · प्रयोगकर्ता इन्टरफेस र मुख्य पाठको लागि प्राथमिक फन्ट नेभिगेसन लेबलहरू, बटनहरू, सन्देश पाठ, मेटाडेटा, इनपुट क्षेत्रहरू, र सबै इन्टरफेस तत्वहरूको लागि प्रयोग गरिन्छ। मेटाडेटाको लागि १२-१३ पिक्सेल र मुख्य पाठको लागि १५-१९ पिक्सेलको कम्प्याक्ट आकारले बाक्लो समाचार फिडको अनुभूति सिर्जना गर्दछ। मुख्य पाठको लागि वजन ४००, नेभिगेसन तत्वहरू र बटन लेबलहरूको लागि ५००, र हाइलाइट गरिएका सन्देश शीर्षकहरू र खण्ड शीर्षकहरूको लागि ६०० छ।
  • Cahuenga — प्रतिस्थापन: Charter · रूपरेखाहरू 500 · उत्पादन-स्तर शीर्षकहरू (साइडबार शीर्षकहरू, दर्ता कार्ड शीर्षकहरू, मुख्य पाठ) को लागि एक हस्ताक्षर सजावटी सेरिफ फन्ट। यसको मध्यम तौल र थोरै रेखा उचाइले यसलाई भारी महसुस नगरी एक विशिष्ट उपस्थिति दिन्छ; यो एक मात्र फन्ट हो जसले सुन्तला रंग बाहेक, सबस्ट्याकको पहिचानलाई संकेत गर्दछ।
  • Spectral — प्रतिस्थापन: Charter · रूपरेखाहरू 400 · सम्पादकीय सामग्रीहरूको पठनीयता सुधार गर्न पढ्ने कोठा र समाचार फिड सामग्रीमा प्रयोग गरिने लामो पोस्टहरूको लागि सेरिफ फन्ट। थोरै कडा लाइन स्पेसिङ (१.२०) ले न्यूजरूमको विशिष्ट कम्प्याक्टनेस कायम राख्दै सहज अनुच्छेद पठन सुनिश्चित गर्दछ।

अन्तराल र रूप

उद्देश्यअर्थ
घनत्वबाक्लो
आधारभूत चरण8px
बटनको त्रिज्या9999px
कार्डको अर्धव्यास12px
छायाँहरूछायाँको सट्टा कुनै - किनारा छैन
खण्डहरू बीच32px
पृष्ठ चौडाइ1200px

एआईले तपाईंको वेबसाइट Substack शैलीमा बनाउनेछ र यसलाई भर्नेछ

  • लिङ्क मार्फत उत्पादनहरू र पोस्टहरू भर्नुहोस् - Instagram, TikTok, Facebook ।
  • आफ्नो पुरानो साइटबाट सामग्री स्थानान्तरण गर्नुहोस्—केवल ठेगाना निर्दिष्ट गर्नुहोस्।
  • उत्कृष्ट इन्जिनमा आधुनिक डिजाइन: सर्भर रेन्डरिङ र SEO अप्टिमाइजेसनको साथ React ( Next.js)।
  • खोज परिणाम र तंत्रिका नेटवर्क सिफारिसहरूको लागि पूर्ण स्वचालित SEO अप्टिमाइजेसन।

उस्तै शैलीहरू

  • ElevenLabs — सूक्ष्म शीर्षकहरू सहितको न्यानो क्रिम टोनमा फोटो निबन्ध। बौहाउस शैलीको नोटबुक—अण्डाको खोल रंगको कागज, कालो मसी, र उत्पादन प्रदर्शनको लागि एकल बैजनी र सुन्तला रंगको उच्चारण।
  • Awesomic — कन्फेटीको सम्झना दिलाउने सुन्तला विराम चिन्हहरू भएको सम्पादकीय जस्ता जाल
  • Monad — न्यानो चर्मपत्रमा सम्पादकीय प्राविधिक जर्नल
  • Dub — लिङ्कको म्याट राइस पेपर कन्ट्रोल प्यानल
  • Seline Analytics — न्यानो कागजमा शान्त विश्लेषणात्मक तालिका
  • Notion — दिउँसोको घाममा न्यानो कागजको नोटबुक
  • Anthropic — न्यानो भेल्लममा आधारित वैज्ञानिक क्षेत्र पत्रिका—शान्त हस्तिहाडका सतहहरू, सेरिफ गरिएका सम्पादकीय शीर्षकहरू, र कार्य आवश्यक पर्दा मात्र देखा पर्ने एकल माटोको उच्चारण।
  • Calendly — चिसो संगमरमरमा गाढा नीलो मसी
  • Augen Pro — एप्पलको सेतो प्रस्तुतीकरणमा मोनोक्रोम स्पेसमा एकमात्र उच्चारणको रूपमा क्लिनिकल, वजनहीन, इलेक्ट्रिक नीलो रंग रहेको छ।
  • Antimetal — क्रिम पेपरमा छापिएको सम्पादकीय घटनाक्रम—वैज्ञानिक जर्नलमा एक शान्त बिहान, जहाँ संयमले आत्मविश्वास व्यक्त गर्छ र सेरिफले ठूलो काम गर्छ।
  • Perk — तातो चर्मपत्र कागजमा विद्युतीय चुना
  • Ditto — जंगली फूलका नमुनाहरू सिर्जना गर्ने घामले उज्यालो भएको कार्यशाला। न्यानो क्रिम सतहहरू, जीवन्त पहेंलो आधार रंग, गाढा नेभी नीलो मसी, टुक्रा पछाडि फूलेको जैविक रंगका रूपहरू।