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

Superlist

मूंगा रंग की चिंगारियों से जगमगाता एक रात्रिकालीन कार्यक्षेत्र—एक शांत बैंगन रंग की ऐप सतह जहाँ एक अकेली गर्म नारंगी चिंगारी हर क्रिया का संकेत देती है

सुपरलिस्ट गहरे बैंगनी रंग की उत्पादकता भाषा का उपयोग करता है: गहरा बैंगन, गर्म मूंगा रंग एकमात्र प्राथमिक रंग के रूप में, और बड़े बिना सेरिफ़ वाले शीर्षक जो पूरे माहौल को दर्शाते हैं। इंटरफ़ेस देर रात के एकाग्र कार्य की भावना को जगाता है—शांत, स्तरित और आत्मविश्वास से भरा, जिसमें रंग का उपयोग केवल कॉल टू एक्शन, सक्रिय स्थितियों और मुख्य बिंदुओं पर कार्यात्मक विराम चिह्न के रूप में किया जाता है। सतहों को बैंगनी रंग के हल्के शेड के साथ सूक्ष्म गहरे रंगों में स्तरित किया गया है (#181824 → #26253b), शुद्ध काले रंग से परहेज किया गया है ताकि गहराई नीरस के बजाय गर्म महसूस हो। घटकों में उदार गोल आकार (20px कार्ड, पिल बटन), कोमल छायाएँ और तंग ग्रिड के बजाय आरामदायक 10-16px अंतराल के माध्यम से "सांस लेने" की सुविधा है। शीर्षक की शैली ही सब कुछ है: 70-88px पर 600-पॉइंट का वजन और -0.02em की तंग अक्षर दूरी पाठ को UI के बजाय टाइपोग्राफिक के रूप में मानती है—यह SaaS की तुलना में संपादकीय कॉपी के अधिक करीब है।

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

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

पैलेट

ब्रांड

  • Coral Ember #ff4a36 — नारंगी रंग का उपयोग सजावटी विवरणों में द्वितीयक संकेत के रूप में और कभी-कभार उपयोग होने वाले संकेतों को उजागर करने के लिए किया जाता है। इसे कार्रवाई के लिए प्राथमिक रंग के रूप में उपयोग नहीं किया जाना चाहिए।

तटस्थ

  • Aubergine Canvas #181824 — पेज की पृष्ठभूमि, यानी मुख्य कैनवास, एक गर्म, गहरे रंग का है जो शुद्ध काले रंग की जगह लेता है, जिससे यूजर इंटरफेस सपाट दिखने के बजाय स्तरित दिखाई देता है।
  • Elevated Plum #26253b — कार्ड की सतहें, इनपुट फ़ील्ड, नेविगेशन कंटेनर—दृश्यमान सीमा के बिना गहराई बनाने के लिए कैनवास की तुलना में एक कदम आसान।
  • Pure White #ffffff — मुख्य शीर्षक, बटन का टेक्स्ट और आइकन की रूपरेखा—गहरे रंग की पृष्ठभूमि पर अधिकतम कंट्रास्ट।
  • Fog Text #696f81 — बैंगन के रंग की पृष्ठभूमि पर आराम से पढ़ने के लिए मुख्य पाठ, गौण शीर्षक और हल्के रंग के बॉर्डर सभी में 7:1 का कंट्रास्ट अनुपात है।
  • Ash Text #8e8da0 — द्वितीयक यूआई तत्वों, विभाजकों और म्यूटेड लेबलों के लिए एक तटस्थ रंग समर्थित है। इसे कॉल टू एक्शन के प्राथमिक रंग के रूप में उपयोग नहीं किया जाना चाहिए।
  • Mist Highlight #a3a3a7 — सूक्ष्म बॉर्डर, विभाजक और निष्क्रिय नेविगेशन तत्व एक सूक्ष्म तटस्थ रंग का निर्माण करते हैं जो कैनवास पर भी स्पष्ट रूप से दिखाई देता है।

टाइपोग्राफी

12 से 88px तक · 9 चरण

  • sans-serif — प्रतिस्थापन: Inter · रूपरेखा 400 · sans-serif - निकाले गए डेटा में पाया गया लेकिन AI द्वारा वर्णित नहीं किया गया।
  • Haffer XH SemiBold — प्रतिस्थापन: Inter Tight · रूपरेखा 400, 600 · डिस्प्ले और हेडिंग के लिए मुख्य फ़ॉन्ट। हीरो हेडिंग के लिए इसका इस्तेमाल 70–88px साइज़ में, -0.02em के लेटर स्पेसिंग और 600 के वेट के साथ किया जाता है। नैरो लेटर स्पेसिंग और ज़्यादा हाइट हेडिंग को एडिटोरियल लुक देती है, जिससे डार्क इंटरफ़ेस डैशबोर्ड के बजाय मैगज़ीन कवर जैसा दिखता है। इसे इंटर टाइट या जनरल सैंस के बोल्ड वेट वाले फ़ॉन्ट से बदलें।
  • Jersey 10 — प्रतिस्थापन: Anybody · रूपरेखा 400 · उच्चारित अंकों और हाइलाइट के लिए एक बड़ा, सजावटी फ़ॉन्ट। टाइपोग्राफिक प्रभाव उत्पन्न करने के लिए बहुत बड़े आकार में इसका सीमित उपयोग किया जाता है। इसे Anybody या Cabinet Grotesk से बदला जा सकता है।

अंतराल और रूप

उद्देश्यअर्थ
घनत्वऔसत
बुनियादी कदम10-16px
बटन त्रिज्या100px
कार्ड त्रिज्या20px
छैया छैयाकोमल छायाएँ
अनुभागों के बीच80px
पृष्ठ की चौड़ाई1200px

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

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

समान शैलियाँ

  • DNA — कण लेंस के माध्यम से देखी गई मध्यरात्रि वेधशाला
  • Abetterlou — सैडल लेदर पर स्पार्क्स - एक गर्म मलाईदार फ़ॉन्ट गहरे कॉफी-काले रंग की पृष्ठभूमि पर चमक रहा है, जिसमें एम्बर-गोल्ड बटन हैं जो पृष्ठ पर दबाए गए गर्म धातु की तरह महसूस होते हैं।
  • Galileo-ft — गहरे अंतरिक्ष में स्थित एक कमांड डेक जिसमें चमकीले नीले रंग के सिग्नल लगे हैं।
  • Decide AI — आधी रात को वेधशाला - टकसाल का संकेत
  • Redis Agency — संपादकीय कार्यशाला, जो कार्यालय समय के बाद खुली रहती है, एक घुप अंधेरी जगह है जहाँ सभी ब्रांडिंग का काम सेरिफ फोंट और एक लाल मूली की मदद से किया जाता है।
  • Spellbook — मूंगे की स्याही से जगमगाता एक मध्यरात्रि का न्यायालय कक्ष—एक अँधेरी संपादकीय सतह जहाँ एकमात्र ध्वनि नारंगी रंग की कलम की गर्म लकीर की है
  • Linear — मध्यरात्रि परिशुद्धता उपकरण
  • Origin Financial — एक शांत, भव्यता से भरपूर मध्यरात्रि गैलरी। एक शांत, लगभग अंधेरा कमरा जहाँ बड़े सेरिफ़ फ़ॉन्ट और कुछ रोशन रंगीन पैनल यह एहसास दिलाते हैं कि वित्त एक सावधानीपूर्वक तैयार की गई कलाकृति है।
  • Hyperstudio — यह डिज़ाइन काले पत्थर पर उकेरा गया है। टेक्स्ट और बारीक रेखाएं शुद्ध काले रंग के सफेद स्थान को घेरे हुए हैं, जिसमें बीच-बीच में सुनहरे रंग के कंपास के निशान रास्ता दर्शाते हैं।
  • Air — "कांच के आर-पार आधी रात का आकाश" नामक मूर्ति
  • Raycast — मिडनाइट कमांड सेंटर, कोरल नियॉन
  • dope.security — बैंगनी बीकन वाला मध्यरात्रि टर्मिनल