
Slash
सुनौलो लेजर भएको मध्यरातको भल्ट
स्ल्याशले मध्यरातको ग्यालरी मोडमा काम गर्छ: लगभग कालो क्यानभास, सेतो प्रकार, र विराम चिह्नको रूपमा काम गर्ने एकल न्यानो तामाको उच्चारण। हेडलाइनहरू आइभी प्रेस्टोमा प्रदर्शित हुन्छन्, चरम आकारहरूमा प्रयोग हुने उच्च-कन्ट्रास्ट डिडोन सेरिफ (८८ पिक्सेल सम्म)—सेरिफ र सान्स-सेरिफ टाइपफेसहरूको यो टकराव प्रणालीको हस्ताक्षर हो, जसले यसलाई परम्परागत बैंकिङको ब्रोकरेज गुरुत्वाकर्षण बिना वित्तीय गुरुत्वाकर्षण प्रदान गर्दछ। बाँकी प्रयोगकर्ता इन्टरफेसलाई जानाजानी कम गरिएको छ: पातलो किनाराहरू, गोली-आकारको नियन्त्रणहरू, कम्प्याक्ट १६ पिक्सेल बडी टेक्स्ट, र प्रकारलाई सास फेर्न अनुमति दिनको लागि सूक्ष्म अपस्वीप। एकल सुनको ग्रेडियन्ट (चार्ट लाइन, माइक्रोएक्सेन्टहरू) ले मोनोक्रोम प्रणालीमा न्यानोपन थप्छ, डिजाइन दर्शकहरूको लागि निर्मित ब्लूमबर्ग टर्मिनलको न्यानो चमक जगाउँछ।
सामग्री १२१६ पिक्सेल चौडा, केन्द्रित, १६० पिक्सेल ठाडो गटरहरू सहितको छ। गृह स्क्रिन एक गाढा, पूर्ण-चौडाइको क्यानभास हो जसमा विभाजित संरचना छ: बायाँ-पङ्क्तिबद्ध सेरिफ हेडर (६४-८८ पिक्सेल चौडा) तल इमेल ठेगाना क्षेत्रको साथ, र ५०% चौडाइमा दायाँमा ठूलो उत्पादन UI कार्ड (ड्यासबोर्ड स्क्रिनसट)। त्यसपछिका खण्डहरूले इन्टरमा उपशीर्षकको साथ एकल-स्तम्भ, केन्द्रित हेडर (सेरिफ, ४४-६४ पिक्सेल चौडा) प्रयोग गर्दछ, त्यसपछि सुविधा विवरण/प्रशंसा/ब्लगहरूको लागि कार्डहरूको तीन-स्तम्भ ग्रिडहरू छन्। नेभिगेसन एक निश्चित शीर्ष पट्टी हो: बायाँमा लोगो, केन्द्रीय मेनु (कम्पनी, उत्पादनहरू, समाधानहरू, ग्राहकहरू, मूल्य निर्धारण, FAQ), दायाँ-पङ्क्तिबद्ध लगइन (अस्पष्ट), र सुरु गर्दै (सेतो भरिएको तत्व)। फुटरमा कम्पनी जानकारी र कानुनी सूचनाहरू सहित लिङ्कहरूको बाक्लो पाँच-स्तम्भ ग्रिड छ। पृष्ठ सामग्री-समृद्ध ग्रिड खण्डहरू र पूर्ण-स्क्रिन तथ्याङ्कहरू बीच एकान्तरण हुन्छ—ताल स्तम्भहरू बीचको उदार सेतो ठाउँद्वारा स्थापित हुन्छ, पृष्ठभूमि रङहरू एकान्तरण गरेर होइन (सम्पूर्ण पृष्ठ एकल, एकीकृत क्यानभासको रूपमा प्रस्तुत गरिएको छ)।
फोटोग्राफी सम्पादकीय र प्राकृतिक छ: संस्थापकहरू र टोली सदस्यहरूको वास्तविक जीवनको कार्य वातावरण (कार्यालयहरू, बैठक कोठाहरू, निर्माण स्थलहरू) मा न्यानो चित्रहरू। छविहरूले कार्ड फ्रेमहरूलाई किनारादेखि किनारासम्म भर्छन्, कुनै प्याडिङ बिना। पाठ पठनीयता बढाउन प्रशंसापत्र कार्डहरूको तल गाढा ग्रेडियन्ट प्रयोग गरिन्छ। सौन्दर्य—"LinkedIn meets editorial magazine"—आकस्मिक, मानवीय, र थोरै मौन छ, स्टक फोटोग्राफीसँग कहिल्यै पालिश गरिएको छैन। लेख थम्बनेलहरूले चित्रण गरिएका अवधारणाहरूसँग तस्बिरहरू संयोजन गर्दछ (भूलभुलैयामा उभिरहेको व्यक्ति, पैसाको झोला भएको फायरप्लेस)। उत्पादनको UI पूर्ण अस्पष्टताका साथ डार्क मोडमा प्रदर्शित हुन्छ, सूक्ष्म अँध्यारो सतहहरूमा पृष्ठ माथि होभर गर्दै—एक केन्द्रीय तत्व। आइकनहरू #2e3038 वा #777a88 मा 1px स्ट्रोकहरू भएका मोनोक्रोम हुन्, कहिल्यै ब्रान्ड रङले भरिएका छैनन्।
प्यालेट
तटस्थ
- Bone
#e2e3e9— प्राथमिक पाठको लागि ठूलो फन्ट साइज, विस्तृत डेटा लेबलहरू, र धेरैजसो UI तत्वहरूमा मानक पाठ टोन। - Obsidian
#08080a— पृष्ठको क्यानभास, फुटर पृष्ठभूमि, सबैभन्दा गाढा सतह लगभग कालो र सूक्ष्म नीलो रंगको छ। - Onyx
#040406— कार्डको सतह, अतिरिक्त पृष्ठभूमि, दृश्य प्रभावको लागि पृष्ठ भन्दा एक कदम गहिरो छ। - Carbon
#121317— उठाइएका प्यानलहरू, अवरोधरहित UI फिल - सतह स्ट्याकको विकासमा पहिलो उल्लेखनीय रूपमा हल्का चरण - Graphite
#1c1d22— किनाराहरू, डिभाइडरहरू, आइकन कन्टेनरहरू, नियन्त्रण स्लाइडरहरू - संरचना परिभाषित गर्ने रंगको सबैभन्दा सूक्ष्म छायाँ। - Slate
#2e3038— अतिरिक्त किनाराहरू, म्यूट गरिएका आइकन लाइनहरू, सामग्री ब्लकहरू बीच सूक्ष्म विभाजकहरू।
टाइपोग्राफी
१३ देखि ८८ पिक्सेल सम्म · ९ चरणहरू
- Ivy Presto — प्रतिस्थापन: Playfair Display · रूपरेखाहरू 400, 500 · शीर्षक र उपशीर्षकहरूको लागि सेरिफ फन्ट—२८px र माथिका शीर्षकहरू र खण्ड शीर्षकहरूको लागि विशेष रूपमा प्रयोग गरिन्छ। पातलो सेरिफहरूसँग उच्च-कन्ट्रास्टले एक स्ट्रोकले सम्पादकीय विलासिताको भावना सिर्जना गर्दछ; ०.०१em को सानो सकारात्मक अक्षर स्पेसिङ असामान्य छ र फन्टलाई छापिएको, लेखा-जस्तो उपस्थिति दिन्छ। यो सेरिफ फन्ट ब्रान्डको मुख्य कलिङ कार्ड हो—यसले स्ल्याशलाई अन्य सबै SaaS फिनटेक कम्पनीहरूबाट अलग गर्छ जसले पूर्वनिर्धारित रूपमा ज्यामितीय sans-serif फन्टहरूमा प्रयोग गर्दछ।
- Inter — प्रतिस्थापन: Inter (self-hosted via Google Fonts) · रूपरेखाहरू 300, 400, 500, 600, 700 · UI Sans—मुख्य पाठ, नेभिगेसन, बटनहरू, लेबलहरू, लिङ्कहरू, फारम फिल्डहरू, र उपशीर्षकहरू। मुख्य पाठले अवरोधरहित माध्यमिक पाठको लागि ३०० फन्ट प्रयोग गर्दछ; मध्यम-जोर पाठ र बटन लेबलहरूको लागि ५०० प्रयोग गरिन्छ; सानो क्याप्समा लेखिएका कोटी लेबलहरूको लागि ६०० आरक्षित गरिन्छ। नकारात्मक अक्षर स्पेसिङ २ (-३) बाट घट्छ र आकार घट्दै जाँदा घट्छ, जुन इन्टर फन्टको अप्टिकल स्केलिंगको विशिष्ट हो।
अन्तराल र रूप
| उद्देश्य | अर्थ |
|---|---|
| घनत्व | फराकिलो |
| आधारभूत चरण | 8px |
| बटनको त्रिज्या | 9999px |
| कार्डको अर्धव्यास | 10px |
| छायाँहरू | छायाँको सट्टा कुनै - किनारा छैन |
| खण्डहरू बीच | 160px |
| पृष्ठ चौडाइ | 1216px |
एआईले तपाईंको वेबसाइट Slash शैलीमा बनाउनेछ र यसलाई भर्नेछ
- लिङ्क मार्फत उत्पादनहरू र पोस्टहरू भर्नुहोस् - Instagram, TikTok, Facebook ।
- आफ्नो पुरानो साइटबाट सामग्री स्थानान्तरण गर्नुहोस्—केवल ठेगाना निर्दिष्ट गर्नुहोस्।
- उत्कृष्ट इन्जिनमा आधुनिक डिजाइन: सर्भर रेन्डरिङ र SEO अप्टिमाइजेसनको साथ React ( Next.js)।
- खोज परिणाम र तंत्रिका नेटवर्क सिफारिसहरूको लागि पूर्ण स्वचालित SEO अप्टिमाइजेसन।
उस्तै शैलीहरू
- Modal — अँध्यारो सर्भर कोठामा रहेको फस्फोरेसेन्ट टर्मिनल - प्रकाशको एक मात्र स्रोत चम्किलो हरियो रंग हो।
- AgentQL — रातमा टर्मिनलमाथि उत्तरी बत्तीहरू
- GitHub — बायोल्युमिनेसेन्ट नियन्त्रण बिन्दुहरू भएको स्पेस कमाण्ड प्यानल—एउटा अँध्यारो, वायुमण्डलीय कार्यस्थान जहाँ एकल हरियो चमकले अगाडिको बाटो देखाउँछ।
- Doppler — मध्यरातमा भल्टको बैजनी प्रकाश। लगभग कालो क्यानभास एकल ल्याभेन्डर संकेत र हरियो पुष्टिकरण प्रकाशले चम्किन्छ, प्रत्येक सतह समात्न पर्याप्त घुमाउरो छ।
- Basedash — म्याट फन्ट भएको मध्यरातको डेटा टर्मिनल। एउटा अँध्यारो वेधशाला जहाँ मेट्रिक्स बैजनी र हरियो चम्किन्छन्, सेरिफ हेडलाइनहरू आवाज माथि तैरन्छन्, र नरम कालो सतहहरूको कोठामा सेतो गोली आकारका बटनहरू मात्र उज्यालो वस्तुहरू हुन्।
- Superwhisper — मध्यरातको गिलासमाथि उत्तरी बत्तीहरू पग्लिन्छन्
- Better Stack — मध्यरात SRE कन्सोल
- Langbase — मिडनाइट नर्दर्न लाइट्स कन्सोल
- Astro — नेबुलाबाट एकल बैजनी चमक सहितको गहिरो अन्तरिक्ष मिसन नियन्त्रण
- Wayfinder — प्रत्यक्ष चित्रण माथि मुश्किलले सुन्न सकिने शीर्षक भएको कालो चलचित्र स्क्रिन। इन्टरफेस नियन्त्रण प्यानलको सट्टा चमक स्लाइडर हो।
- HashiCorp — मध्यरातमा बैजनी नियोन भएको नियन्त्रण कक्ष एउटा गाढा प्राविधिक सतह हो जहाँ चम्किलो षट्कोण घनले मात्र रङ सन्दर्भको रूपमा काम गर्छ।
- Umbrel — रात्रिकालीन सर्भर कोठामा आरामदायी आगोको खाडल—एउटा अँध्यारो कोठा जहाँ एकल पीचको चमकले साँच्चै महत्त्वपूर्ण कुरालाई प्रकाश पार्छ।