Slash
सोने से मढ़े बहीखातों वाला आधी रात का तहखाना
स्लैश एक मिडनाइट गैलरी मोड में काम करता है: लगभग काला कैनवास, सफेद अक्षर और एक हल्का गर्म तांबे का एक्सेंट जो विराम चिह्नों का काम करता है। हेडलाइन आइवी प्रेस्टो में प्रदर्शित होती हैं, जो एक उच्च-कंट्रास्ट वाला डिडोन सेरिफ़ फ़ॉन्ट है और इसे अत्यधिक आकार (88px तक) में इस्तेमाल किया गया है—सेरिफ़ और सैन्स-सेरिफ़ फ़ॉन्ट का यह मिश्रण इस सिस्टम की पहचान है, जो इसे पारंपरिक बैंकिंग की ब्रोकरेज गंभीरता के बिना वित्तीय गंभीरता प्रदान करता है। बाकी यूजर इंटरफेस जानबूझकर सरल रखा गया है: पतले बॉर्डर, पिल-आकार के कंट्रोल, कॉम्पैक्ट 16px बॉडी टेक्स्ट और अक्षरों को स्पष्ट रूप से दिखने देने के लिए एक सूक्ष्म अपस्वीप। एक सिंगल गोल्ड ग्रेडिएंट (चार्ट लाइन, माइक्रोएक्सेंट) मोनोक्रोम सिस्टम में गर्माहट जोड़ता है, जो डिज़ाइन के शौकीनों के लिए बनाए गए ब्लूमबर्ग टर्मिनल की गर्म चमक का एहसास कराता है।
सामग्री 1216px चौड़ी है, बीच में स्थित है, और इसमें 160px का ऊर्ध्वाधर गैप है। होम स्क्रीन एक गहरे रंग का, पूर्ण-चौड़ाई वाला कैनवास है जिसमें दो भाग हैं: बाईं ओर संरेखित सेरिफ़ फ़ॉन्ट वाला हेडर (64–88px चौड़ा) जिसके नीचे ईमेल पता फ़ील्ड है, और दाईं ओर 50% चौड़ाई वाला एक बड़ा उत्पाद UI कार्ड (डैशबोर्ड का स्क्रीनशॉट)। इसके बाद के अनुभागों में एक एकल-स्तंभ, बीच में स्थित हेडर (सेरिफ़, 44–64px चौड़ा) है जिसमें इंटर शीर्षक है, और उसके बाद फ़ीचर विवरण/प्रशंसापत्र/ब्लॉग के लिए कार्डों की तीन-स्तंभ ग्रिड हैं। नेविगेशन एक स्थिर शीर्ष पट्टी है: बाईं ओर लोगो, केंद्रीय मेनू (कंपनी, उत्पाद, समाधान, ग्राहक, मूल्य निर्धारण, अक्सर पूछे जाने वाले प्रश्न), दाईं ओर संरेखित लॉगिन (अस्पष्ट), और आरंभ करना (सफेद भरा हुआ तत्व)। फ़ूटर में कंपनी की जानकारी और कानूनी सूचनाओं के साथ लिंक की एक सघन पांच-स्तंभ ग्रिड है। यह पृष्ठ सामग्री से भरपूर ग्रिड अनुभागों और पूर्ण-स्क्रीन आंकड़ों के बीच बारी-बारी से प्रदर्शित होता है - यह लय पृष्ठभूमि के रंगों में बदलाव के बजाय स्तंभों के बीच पर्याप्त सफेद स्थान द्वारा स्थापित की जाती है (पूरा पृष्ठ एक एकल, एकीकृत कैनवास के रूप में प्रस्तुत किया जाता है)।
फोटोग्राफी संपादकीय और स्वाभाविक है: संस्थापकों और टीम के सदस्यों के उनके वास्तविक कार्य परिवेश (कार्यालय, बैठक कक्ष, निर्माण स्थल) में लिए गए गर्मजोशी भरे चित्र। चित्र कार्ड फ्रेम को पूरी तरह से भरते हैं, बिना किसी अतिरिक्त स्थान के। प्रशंसापत्र कार्ड के निचले भाग में टेक्स्ट को आसानी से पढ़ने योग्य बनाने के लिए एक गहरे रंग का ग्रेडिएंट इस्तेमाल किया गया है। सौंदर्यशास्त्र—"लिंक्डइन और संपादकीय पत्रिका का मेल"—अनौपचारिक, मानवीय और थोड़ा सौम्य है, कभी भी स्टॉक फोटोग्राफी से पॉलिश नहीं किया गया है। लेख के थंबनेल में तस्वीरों को सचित्र अवधारणाओं (भूलभुलैया में खड़ा व्यक्ति, पैसों से भरे थैलों वाली चिमनी) के साथ जोड़ा गया है। उत्पाद का यूआई पूर्ण अपारदर्शिता के साथ डार्क मोड में प्रदर्शित होता है, जो पृष्ठ के ऊपर सूक्ष्म गहरे रंग की सतहों पर मंडराता रहता है—एक केंद्रीय तत्व। आइकन मोनोक्रोम हैं जिनमें #2e3038 या #777a88 रंग में 1px स्ट्रोक हैं, कभी भी ब्रांड रंग से नहीं भरे गए हैं।
पैलेट
तटस्थ
- Bone
#e2e3e9— प्राथमिक पाठ के लिए बड़ा फ़ॉन्ट आकार, विस्तृत डेटा लेबल और अधिकांश यूआई तत्वों में एक समान टेक्स्ट टोन। - Obsidian
#08080a— पेज का कैनवास, फुटर की पृष्ठभूमि, सबसे गहरा भाग लगभग काला है जिसमें हल्का नीला रंग झलक रहा है। - Onyx
#040406— कार्ड की सतह, यानी अतिरिक्त पृष्ठभूमि, दृश्य प्रभाव के लिए पृष्ठ की तुलना में एक कदम अधिक गहरी होती है। - Carbon
#121317— उभरे हुए पैनल, सहज यूआई फिल - सरफेस स्टैक के विकास में यह पहला उल्लेखनीय रूप से हल्का कदम है। - Graphite
#1c1d22— बॉर्डर, डिवाइडर, आइकन कंटेनर, कंट्रोल स्लाइडर—रंग की सूक्ष्म से सूक्ष्म छाया ही संरचना को परिभाषित करती है। - Slate
#2e3038— अतिरिक्त बॉर्डर, धुंधली आइकन लाइनें, सामग्री ब्लॉकों के बीच सूक्ष्म विभाजक।
टाइपोग्राफी
13 से 88px तक · 9 चरण
- Ivy Presto — प्रतिस्थापन: Playfair Display · रूपरेखा 400, 500 · शीर्षकों और उपशीर्षकों के लिए एक सेरिफ़ फ़ॉन्ट—विशेष रूप से 28px और उससे अधिक के आकार के शीर्षकों और अनुभाग शीर्षकों के लिए उपयोग किया जाता है। पतले सेरिफ़ के साथ उच्च-कंट्रास्ट वाले डिडोन स्ट्रोक संपादकीय विलासिता का एहसास कराते हैं; 0.01em की छोटी सकारात्मक अक्षर दूरी असामान्य है और फ़ॉन्ट को मुद्रित, लेखांकन जैसी उपस्थिति प्रदान करती है। यह सेरिफ़ फ़ॉन्ट ब्रांड की मुख्य पहचान है—यह स्लैश को अन्य सभी SaaS फिनटेक कंपनियों से अलग करता है जो आमतौर पर ज्यामितीय सैन्स-सेरिफ़ फ़ॉन्ट का उपयोग करती हैं।
- Inter — प्रतिस्थापन: Inter (self-hosted via Google Fonts) · रूपरेखा 300, 400, 500, 600, 700 · यूआई सैंस फ़ॉन्ट का उपयोग मुख्य टेक्स्ट, नेविगेशन, बटन, लेबल, लिंक, फ़ॉर्म फ़ील्ड और उपशीर्षकों के लिए किया गया है। मुख्य टेक्स्ट में 300 फ़ॉन्ट का उपयोग किया गया है, जो कि सामान्य सेकेंडरी टेक्स्ट के लिए है; 500 फ़ॉन्ट का उपयोग मध्यम महत्व वाले टेक्स्ट और बटन लेबल के लिए किया गया है; 600 फ़ॉन्ट को छोटे अक्षरों में लिखे गए श्रेणी लेबल के लिए आरक्षित रखा गया है। अक्षरों के बीच की दूरी 2 (-3) से शुरू होती है और आकार घटने के साथ घटती जाती है, जो इंटर फ़ॉन्ट के ऑप्टिकल स्केलिंग की विशेषता है।
अंतराल और रूप
| उद्देश्य | अर्थ |
|---|---|
| घनत्व | विशाल |
| बुनियादी कदम | 8px |
| बटन त्रिज्या | 9999px |
| कार्ड त्रिज्या | 10px |
| छैया छैया | नहीं - छाया के बजाय बॉर्डर |
| अनुभागों के बीच | 160px |
| पृष्ठ की चौड़ाई | 1216px |
एआई आपकी वेबसाइट को Slash शैली में बनाएगा और उसमें डेटा भरेगा।
- इन लिंक के माध्यम से उत्पादों और पोस्ट से भरें - Instagram, TikTok, Facebook ।
- अपनी पुरानी वेबसाइट से सामग्री स्थानांतरित करें—बस पता निर्दिष्ट करें।
- सर्वश्रेष्ठ इंजन पर आधुनिक डिजाइन: React ( Next.js) जिसमें सर्वर रेंडरिंग और एसईओ अनुकूलन की सुविधा अंतर्निहित है।
- खोज परिणामों और न्यूरल नेटवर्क अनुशंसाओं के लिए पूरी तरह से स्वचालित एसईओ अनुकूलन।
समान शैलियाँ
- Modal — एक अंधेरे सर्वर कक्ष में एक फास्फोरसेंट टर्मिनल - प्रकाश का एकमात्र स्रोत चमकीला हरा रंग है।
- AgentQL — रात में टर्मिनल के ऊपर उत्तरी रोशनी
- GitHub — जैवप्रकाशित नियंत्रण बिंदुओं वाला एक अंतरिक्ष कमांड पैनल—एक अंधेरा, रहस्यमय कार्यक्षेत्र जहाँ एक हरी चमक आगे का रास्ता दिखाती है।
- Doppler — आधी रात को तिजोरी की बैंगनी रोशनी। लगभग काला कैनवास एक लैवेंडर सिग्नल और एक हरे रंग की पुष्टि प्रकाश से जगमगा रहा है, इसकी हर सतह इतनी घुमावदार है कि उसे पकड़ा जा सके।
- Basedash — मैट फॉन्ट वाला एक आधी रात का डेटा टर्मिनल। एक अंधेरी वेधशाला जहाँ मेट्रिक्स बैंगनी और हरे रंग में चमकते हैं, सेरिफ हेडलाइन शोर के ऊपर तैरती हैं, और सफेद गोली के आकार के बटन नरम काली सतहों वाले कमरे में एकमात्र चमकदार वस्तुएँ हैं।
- Superwhisper — आधी रात के धुंधलके पर उत्तरी रोशनी मिट जाती है
- Better Stack — मिडनाइट एसआरई कंसोल
- Langbase — मिडनाइट नॉर्दर्न लाइट्स कंसोल
- Astro — एक नीहारिका से निकलती बैंगनी चमक के साथ डीप स्पेस मिशन कंट्रोल
- Wayfinder — एक काली फिल्म स्क्रीन पर, मुश्किल से सुनाई देने वाला शीर्षक एक जीवंत चित्र के ऊपर तैरता हुआ दिखाई देता है। इंटरफ़ेस एक कंट्रोल पैनल के बजाय ब्राइटनेस स्लाइडर है।
- HashiCorp — आधी रात को बैंगनी नियॉन लाइटों से जगमगाता कंट्रोल रूम एक अंधेरा तकनीकी क्षेत्र है जहां एक चमकता हुआ षट्भुजाकार घन एकमात्र रंग संदर्भ के रूप में कार्य करता है।
- Umbrel — रात के समय सर्वर रूम में एक आरामदायक अलाव - एक अंधेरा कमरा जहां एक हल्की गुलाबी रोशनी ही वास्तव में महत्वपूर्ण चीजों को उजागर करती है।