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

ORYZO AI

एक डार्करूम के बारे में एक फोटो निबंध। गर्म अंधेरे में तैरती हुई एक अकेली वस्तु, क्रीम रंग के फ़ॉन्ट ही एकमात्र सजावट हैं।

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

पूरा पेज चौड़ाई में असीमित है—कोई अधिकतम चौड़ाई वाला कंटेनर नहीं है, और प्रत्येक सेक्शन 100vw जगह लेता है। होम स्क्रीन: ऊपर से नीचे तक एक फुल-स्क्रीन फोटो, जिसके ऊपरी बाएँ कोने में एक विशाल ORYZO लोगो (51px+), उसके ऊपर एक टैगलाइन, ऊपरी दाएँ कोने में स्थिर मिनिमलिस्ट नेविगेशन, दाएँ किनारे पर एक वर्टिकल साइडबार, निचले बाएँ कोने में एक पारदर्शी सूचना कार्ड और निचले दाएँ कोने में एक वीडियो थंबनेल है। इसके बाद के सेक्शन: एक फुल-स्क्रीन वॉलनट शैडो कैनवास, जिसके केंद्र में उत्पाद का 3D रेंडर है, जिसके चारों ओर बाएँ-संरेखित शीर्षक और दाएँ-संरेखित बॉडी टेक्स्ट है—एक तीन-कॉलम ग्रिड (टेक्स्ट/ऑब्जेक्ट/टेक्स्ट) जिसमें 18px चौड़े गैप हैं। सेक्शन के बीच ट्रांज़िशन स्मूथ हैं, गहरे बैकग्राउंड पर गहरे रंग के; केवल पतले बिंदीदार डिवाइडर ही ब्रेक हैं। नेविगेशन स्थिर, पारदर्शी है, जिसमें अधिकतम 4 एलिमेंट हो सकते हैं। कोई साइडबार नहीं है, फुटर में कोई क्रोम नहीं है, कार्ड के अंदर कार्ड नहीं हैं—हर स्क्रीन एक इकाई की तरह महसूस होती है।

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

पैलेट

तटस्थ

  • Warm Cream #ffedd7 — गहरे रंग की सतहों पर हल्के रंग का पाठ, उल्टे कैप्शन और उच्च-कंट्रास्ट वाली छवियां।
  • Walnut Shadow #100904 — पृष्ठ का कैनवास और सबसे गहरा बैकग्राउंड गर्म, लगभग काला है, लेकिन पूरी तरह से काला नहीं है। हर उत्पाद घोषणा के पीछे एक खालीपन छिपा रहता है।
  • Bark Brown #382416 — बटन की उभरी हुई सतह और भरी हुई पृष्ठभूमि कैनवास से एक रंग स्तर ऊपर है, जिसका उपयोग एकल, निरंतर कॉल टू एक्शन के लिए किया जाता है।
  • Cork Border #40372e — सूक्ष्म विभाजन रेखाएं, बिंदीदार खंड विभाजक, मुश्किल से दिखाई देने वाली कंटेनर सीमाएं - कैनवास से एक कदम अधिक गर्म।
  • Driftwood #6c5f51 — द्वितीयक विभाजनों और शांत संरचनात्मक तत्वों के लिए एक गर्म, मध्यम-टोन वाला ग्रे रंग, यह बार्क और क्रीम के बीच के अंतर को पाटता है।
  • Ember Accent #dc5000 — लिंक, टैग और छोटे वाक्यांशों को हाइलाइट करने के लिए नारंगी रंग का उपयोग किया जाता है।

टाइपोग्राफी

18 से 51px तक · 5 चरण

  • halyard-display-variable — प्रतिस्थापन: Inter or Söhne · रूपरेखा 400, 500 · एक ही फ़ॉन्ट का प्रयोग किया गया है। शीर्षकों के लिए 500 वेट और 51px पिच वाला फ़ॉन्ट इस्तेमाल किया गया है, जो बड़े अक्षरों के उपयोग में असाधारण आत्मविश्वास दर्शाता है; मुख्य पाठ के लिए 400/29px पिच वाला यही फ़ॉन्ट मिश्रित केस में इस्तेमाल किया गया है। अक्षरों के बीच की दूरी मानक रखी गई है—ज्यामितीय आकृतियाँ बिना संपीड़न के अपना काम बखूबी करती हैं। बेहतर संरचनात्मक मिलान के लिए आप 'Inter', 'Söhne' या 'Neue Haas Grotesk' का उपयोग कर सकते हैं।
  • Arial — प्रतिस्थापन: system-ui · रूपरेखा 400, 500 · सूक्ष्म कानूनी लेबलों (8px अपरकेस, उदाहरण के लिए, "* ADOBE ILLUSTRATOR") के लिए एक सिस्टम-व्यापी फ़ॉलबैक। यह कोई डिज़ाइन निर्णय नहीं है, बल्कि स्वचालित रूप से उत्पन्न सिस्टम अस्वीकरणों के लिए एक आवश्यकता है।

अंतराल और रूप

उद्देश्यअर्थ
घनत्वऔसत
बुनियादी कदम18px
बटन त्रिज्या8px
कार्ड त्रिज्या12px
छैया छैयानहीं - छाया के बजाय बॉर्डर

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

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

समान शैलियाँ

  • 21 TSI — एक गहरा लाल शून्य, एक अकेली आकृति – एक हाई फैशन संपादकीय जहाँ यूजर इंटरफेस वातावरण में विलीन हो जाता है
  • Ysl — एक ब्लैक एंड व्हाइट फिल्म का एक दृश्य - एक लोगो के नीचे एक ही मॉडल, इसके अलावा कुछ भी स्वीकार्य नहीं है।
  • Channel Studio — एक स्टूडियो फोटो लैब जिसमें एक मूंगे का लैंपशेड है
  • Assembly Coffee London — एक अंधेरी कॉफी शॉप में जलते कोयले। लगभग काली पृष्ठभूमि पर हल्की रोशनी में छपी उत्पाद तस्वीरें और घुमावदार अक्षरों में लिखावट—ऐसा लगता है मानो किसी गुप्त प्रकाशन गृह में छपा कोई विशेष कॉफी मेनू हो।
  • PostNew — एक गैलरी जो निर्धारित समय के बाद भी खुली रहती है और जिसे दिन के उजाले को ध्यान में रखकर डिजाइन किया गया है।
  • Factory — आधी रात को "वॉर रूम" का टर्मिनल। "फैक्ट्री" एक बिल्कुल काला कंट्रोल पैनल है जहाँ एक सफेद कार्ड टॉर्च की रोशनी में किसी संदेश की तरह गिरता है—कमरे में एकमात्र वस्तु स्वयं काम है।
  • Numbered — काले मखमल पर एक फैशन फोटोशूट। लगभग काला कैटवॉक, जहाँ फ्रेम में सिर्फ एक चेहरा दिखाई दे रहा है, और उस पर सफेद स्याही और मुश्किल से दिखाई देने वाला कांस्य रंग का धागा ही निशान छोड़ता है।
  • Apple (España) — प्रकाशयुक्त साज-सज्जा वाला काला रंगमंच
  • Home page | Impossible Foods — मखमली अंधेरे में एक खूनी लाल पंक पोस्टर। एक विशेष रूप से डिज़ाइन किया गया, संकुचित बैनर वाइन रंग के कैनवास पर धुंधला सा दिखाई देता है, जबकि ठोस लाल रंग के संदेश कसाई के ब्लॉक पर लगे मूल्य टैग की तरह उभरे हुए हैं।
  • Ferrari — काले संगमरमर पर एक उन्मादपूर्ण कैवलिनो। काले खालीपन में फेरारी का विशिष्ट लाल रंग, सफेद बड़े अक्षर और पूर्ण चौड़ाई वाले सिनेमाई शॉट्स दिखाई देते हैं।
  • OpenSea — मैट नीले फ्रेम वाला काला ट्रेडिंग टर्मिनल
  • Arthursimonini — फिल्म कार्यक्रम काली स्याही में मुद्रित किया गया।