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

Slush

पेस्टल पेपर पर स्टिकर से बना एक फुलाने योग्य ब्रह्मांड

स्लश एक स्टिकर एल्बम की तरह काम करता है: एक पेस्टल रंग का पेपर कैनवास, चमकीले नीले रंग की विशाल, घनी पट्टियाँ, और रंगीन स्टिकरों का इंद्रधनुष जो कंफ़ेटी की तरह बिखरे हुए हैं। फ़ॉन्ट बड़ा और सघन है (पार्श्व 800 x 200–640px, लाइन स्पेसिंग 0.75–0.80), जिससे शब्द वाक्यों के बजाय मूर्तिकला जैसी वस्तुएँ बन जाते हैं। छह विशिष्ट रंग एक सामान्य स्टिकर पैलेट के रूप में काम करते हैं—प्रत्येक रंग एक भरे हुए स्टिकर, कार्ड की सतह या सजावटी परत के रूप में दिखाई देता है, कभी भी एक अलग एक्सेंट के रूप में नहीं। घटक हल्के गोल (कार्ड पर 20–40px, नेविगेशन पर गोली के आकार के) हैं और हस्तनिर्मित प्रभाव के लिए काले रंग से आउटलाइन किए गए हैं। परिणाम एक फिनटेक लैंडिंग पेज से ज़्यादा एक हल्के रंग की दीवार पर चिपकाए गए भौतिक कोलाज जैसा लगता है।

इस लेआउट में पूरी चौड़ाई वाला स्क्रॉलिंग पेज है, जिसमें कोई साइडबार या स्थायी कंटेनर नहीं है। स्क्रॉलिंग टेक्स्ट और सरल टॉप नेविगेशन (बाएं ओर लोगो, बीच में नेविगेशन बार, दाएं ओर भरा हुआ कॉल-टू-एक्शन) सबसे ऊपर रहते हैं। प्रत्येक सेक्शन पूरी चौड़ाई वाली रंगीन पट्टी (#dceeff → #ffffff → #cccccc) है, जिसमें बड़े साइड टेक्स्ट हैं, जो बीच में या बाएं-संरेखित हैं, और 3D नीले रिबन से घिरे हैं। कंटेंट लेआउट जानबूझकर ग्रिड-आधारित होने के बजाय ढीला और कोलाज जैसा है: स्टिकर टेक्स्ट को ओवरलैप करते हैं, रिबन टेक्स्ट के पीछे एक-दूसरे को काटते हैं, और एक QR कार्ड दूसरे सेक्शन में केंद्र से थोड़ा हटकर रखा गया है। ऊर्ध्वाधर लय काफी चौड़ी है (सेक्शनों के बीच 48px का अंतर), लेकिन क्षैतिज संरचना जानबूझकर असममित है। पेज ऊपर से नीचे तक तीन बड़ी रंगीन पट्टियों के रूप में पढ़ा जाता है, जिनमें से प्रत्येक एक स्वतंत्र पोस्टर है।

दृश्य भाषा में त्रि-आयामी नीले रिबन हावी हैं—एक एकीकृत ब्रांड प्रतीक जिसमें चमकीले, हवा से भरे ट्यूबलर आकार शामिल हैं, जो प्रत्येक खंड में शीर्षक पाठ को घेरते या ढकते हैं। सजावटी द्वि-आयामी स्टिकर (एक रॉकेट, एक सोने का सिक्का, एक हरा चेक मार्क, एक बैंगनी बटुआ) शीर्षकों के चारों ओर ऐसे तैरते हैं जैसे किसी बोर्ड पर कागज के कटआउट पिन किए गए हों, प्रत्येक की काली रूपरेखा (1px) है। कहीं भी कोई तस्वीर नहीं है। कोई पारंपरिक चित्रात्मक ग्रिड नहीं है—सब कुछ कोलाज किया गया है और असममित रूप से व्यवस्थित किया गया है। त्रि-आयामी रिबन मुख्य वातावरण बनाते हैं; स्टिकर एक चंचल स्पर्श जोड़ते हैं; बाकी सब टाइप और रंग है।

पैलेट

ब्रांड

  • Electric Blue #4da2ff — प्रमुख ब्रांड रंग—मोटी रिबन की मूर्तियां, छवि पृष्ठभूमि, कार्ड पर धुंधले पैटर्न—एक दृश्य पहचान है जो प्रत्येक स्क्रीन के लिए आधार का काम करती है।

तटस्थ

  • Carbon #000000 — मुख्य पाठ, कार्ड फ्रेम, कॉल टू एक्शन के लिए भरा हुआ बैकग्राउंड और लोगो, पेस्टल सतहों पर हाथ से काटे गए स्टिकर की रूपरेखा का प्रभाव पैदा करते हैं।
  • Paper White #ffffff — कैनवास पेज, कार्डबोर्ड सतह, बटन आउटलाइन फिल, गहरे रंग की पृष्ठभूमि पर टेक्स्ट।
  • Sky Wash #dceeff — मुख्य भाग की पृष्ठभूमि, हल्के नीले रंग की पेस्टल पृष्ठभूमि।
  • Concrete Gray #cccccc — द्वितीयक खंड पृष्ठभूमि, तटस्थ मध्यवर्ती सतह
  • Soft Mist #e9e9e9 — सूक्ष्म बटन और सतह के रंग, अक्षम अवस्थाएँ
  • Mint Pop #55db9c — पृष्ठभूमि को उभारने के लिए हरे रंग का इस्तेमाल, सजावटी धारियाँ और सामग्री के पीछे हल्का सा स्पर्श।

टाइपोग्राफी

12 से 640px तक · 7 चरण

  • Lateral — प्रतिस्थापन: Druk · रूपरेखा 800 · केवल शीर्षक—"SLUSH" लोगो और "ALL THINGS SUI" जैसे अनुभाग बैनर—को 200-640px फ़ॉन्ट आकार में 0.75-0.80 की कम पंक्ति ऊंचाई के साथ प्रदर्शित किया गया है, जिससे अक्षर तराशे हुए ब्लॉकों का रूप धारण करते हैं। यह एक अपरंपरागत प्रदर्शन विधि है: कोई अन्य वेबसाइट 0.85 से कम पंक्ति ऊंचाई वाले 800-पॉइंट फ़ॉन्ट का उपयोग नहीं करती है, और यह प्रभाव पाठ को त्रि-आयामी रिबन में लिपटी एक भौतिक वस्तु की तरह व्यवहार कराता है।
  • Aeonik Pro — प्रतिस्थापन: Inter · रूपरेखा 500, 700 · बॉडी टेक्स्ट, नेविगेशन, बटन और सबहेडिंग सहित पूरा यूजर इंटरफेस। बॉडी टेक्स्ट और मेटाडेटा के लिए वेट 500 (12–16px), सबहेडिंग और नेविगेशन लेबल के लिए वेट 700 (24–30px), और बड़े सेकेंडरी हेडिंग के लिए वेट 700 का 64px इंक्रीमेंट। टाइट लेटर स्पेसिंग (-0.010em) बॉडी टेक्स्ट को संकरा कर देती है (14–16px); नेविगेशन लेबल/बटन में थोड़ा विस्तार (0.030–0.032em) कंट्रोल्स को "व्हाइट स्पेस" देता है।

अंतराल और रूप

उद्देश्यअर्थ
घनत्वघना
बुनियादी कदम4-12px
बटन त्रिज्या1600px
कार्ड त्रिज्या20px
छैया छैयानहीं - छाया के बजाय बॉर्डर
अनुभागों के बीच48px
पृष्ठ की चौड़ाई1440px

एआई आपकी वेबसाइट को Slush शैली में बनाएगा और उसमें डेटा भरेगा।

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

समान शैलियाँ

  • Cursor — सुलगते कोयलों की रोशनी से जगमगाती एक आरामदायक चर्मपत्र कार्यशाला।
  • MindMarket — क्रीम रंग के कागज पर छपी एक आरामदायक परीकथा की किताब - एक मैत्रीपूर्ण संपादकीय कैनवास जहां इंटर के बड़े-बड़े शीर्षक और कागज के कटे हुए पात्र धूप से सराबोर, स्टिकर-सहज सतह पर एक साथ मौजूद हैं।
  • Shop — सफेद संगमरमर पर तैरता हुआ व्यापारिक तारामंडल
  • Airbnb — एक शांत सफेद गैलरी की दीवार जिस पर एक मूंगा लाल रंग का बुकमार्क लगा है।
  • Superr — दोपहर की हल्की रोशनी में एक गर्म स्कूल की नोटबुक। एक क्रीम रंग का पन्ना, बिना ढक्कन वाला एक नारंगी मार्कर और चिपकाए गए नाम के स्टिकरों का एक ढेर, जिन्हें अभी निकालना बाकी है।
  • Apple (España) — दिन के हल्के प्रकाश में संग्रहालय की गैलरी एक एकल, मनमोहक, भारहीन सफेद स्थान है, जिसमें प्रत्येक प्रदर्शनी हल्के रंग की दीवार के सामने एक स्पॉटलाइट द्वारा प्रकाशित होती है।
  • Lamborghini — शोरूम में काली बॉडी वाली कार, स्पॉटलाइट के नीचे - एक पीली कार
  • Amplemarket — धूप से जगमगाता कार्यस्थल, जहाँ चारों ओर रंगीन कागज के टुकड़े बिखरे हुए हैं।
  • Getharvest — सुनहरे समय में एक मेज – एक गर्म क्रीम रंग का कैनवास, कैनवास पर लटके हुए सफेद पोस्टकार्ड और एक चमकीली नारंगी लौ।
  • Agence Foudre — पत्रिका का कवर पेज हल्के गुलाबी रंग का है, जो लिपस्टिक की याद दिलाता है।
  • Drive Capital — गर्म कागज पर रेट्रो रोड ट्रिप पोस्टर
  • Apple (España) — सफेद गैलरी डिस्प्ले केस