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

ARTU

सफेद कागज पर गैलरी की दीवार। ARTU ने देखने की जगह को एक संग्रहालय के दृश्य की तरह प्रस्तुत किया है—बड़े आकार की उत्पाद तस्वीरें, सूक्ष्म चिह्न और नीचे चूने का एक हल्का सा स्पर्श जो रचना को पूरा करता है।

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

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

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

पैलेट

तटस्थ

  • Canvas White #ffffff — पेज का बैकग्राउंड, कार्ड की सतह, ग्राफिक इमेज—पूरी साइट एक शुद्ध सफेद बैकग्राउंड पर रखी गई है।
  • Ink Black #000000 — सभी टेक्स्ट, पतली बॉर्डर लाइनें, नेविगेशन, लिंक अंडरलाइन, इमेज फ्रेम - केवल एक ही संरचनात्मक रंग का उपयोग किया गया है।
  • Terminal Lime #d7ff66 — फ़ूटर में एक पट्टी, सतह पर हाइलाइटिंग, और एक अंतिम आकर्षण - एक गहरा हरा रंग जो पृष्ठ के किनारे को गैलरी की दीवार पर रंगीन बॉर्डर की तरह चिह्नित करता है।
  • Signal Red #ff1313 — संपादकीय लेआउट में सजावटी बॉर्डर लाइनें, आइकन की रूपरेखा और पतली रेखाओं का उपयोग मुश्किल से पठनीय कंट्रास्ट वाले ग्राफिक विराम चिह्नों के रूप में किया जाता है, लेकिन कभी भी मुख्य पाठ के रूप में नहीं।

टाइपोग्राफी

18 से 32px तक · 4 चरण

  • HelveticaNeuePro — प्रतिस्थापन: Neue Haas Grotesk · रूपरेखा 400 · नेविगेशन, बॉडी कॉपी, हेडिंग, इनपुट फ़ील्ड और फ़ूटर के लिए एक बहुमुखी फ़ॉन्ट परिवार - साइट पर एक ही फ़ॉन्ट (400), नेविगेशन और फ़ूटर में सभी बड़े अक्षरों में सेट किया गया है, जिसमें 0.0140em–0.0240em की सकारात्मक अक्षर रिक्ति है, जो एकल फ़ॉन्ट को एक यांत्रिक, कैटलॉग जैसी लय प्रदान करती है।

अंतराल और रूप

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

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

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

समान शैलियाँ

  • Apple (España) — दिन के हल्के प्रकाश में संग्रहालय की गैलरी एक एकल, मनमोहक, भारहीन सफेद स्थान है, जिसमें प्रत्येक प्रदर्शनी हल्के रंग की दीवार के सामने एक स्पॉटलाइट द्वारा प्रकाशित होती है।
  • Apple (España) — दोपहर के समय व्हाइट म्यूजियम गैलरी
  • Structured — प्लास्टिकिन जैसे कागज पर पुनर्जागरणकालीन गैलरी
  • MindMarket — क्रीम रंग के कागज पर छपी एक आरामदायक परीकथा की किताब - एक मैत्रीपूर्ण संपादकीय कैनवास जहां इंटर के बड़े-बड़े शीर्षक और कागज के कटे हुए पात्र धूप से सराबोर, स्टिकर-सहज सतह पर एक साथ मौजूद हैं।
  • Airbnb — एक शांत सफेद गैलरी की दीवार जिस पर एक मूंगा लाल रंग का बुकमार्क लगा है।
  • Lamborghini — शोरूम में काली बॉडी वाली कार, स्पॉटलाइट के नीचे - एक पीली कार
  • Apple (España) — ऑब्सीडियन गैलरी का प्रदर्शन कक्ष एक अंधेरा प्रदर्शनी हॉल है जहां एक अकेली टाइटेनियम वस्तु घोर काले बैकग्राउंड के सामने चमकती है।
  • 099 SUPPLY — एक गैलरी की दीवार जो काले और सफेद रंग की वस्तुओं से भरी हुई है
  • Apple (España) — सफेद गैलरी डिस्प्ले केस
  • Custo — गहरे लाल रंग की गैलरी जिसमें एक ही अक्षर का बड़ा फॉन्ट इस्तेमाल किया गया है। एक शोरूम जिसमें हल्के भूरे-हरे रंग के शेड्स हैं, जहां एक ही गहरे रंग की वस्तु और 57px का फॉन्ट खुद ही अपनी कहानी बयां करते हैं।
  • Silencio — तैरती हुई कलाकृतियों से सजा एक सफेद कमरा। गर्म कागज से बना एक गैलरी डिस्प्ले, जहां प्रत्येक तत्व खालीपन की पृष्ठभूमि में अपनी जगह लेता है, और खामोशी एक जानबूझकर लिया गया डिजाइन निर्णय है।
  • Oakâme — धूप से सराबोर प्रोवेंसल कार्यशाला, गर्म पत्थर से तराशी गई।