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

Origin Financial

एक शांत, भव्यता से भरपूर मध्यरात्रि गैलरी। एक शांत, लगभग अंधेरा कमरा जहाँ बड़े सेरिफ़ फ़ॉन्ट और कुछ रोशन रंगीन पैनल यह एहसास दिलाते हैं कि वित्त एक सावधानीपूर्वक तैयार की गई कलाकृति है।

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

एक गहरा कैनवास पूरे पेज की चौड़ाई में फैला हुआ है (कंटेंट कंटेनर की अधिकतम चौड़ाई 1200px है, लेकिन सेक्शन किनारे तक फैले हुए हैं)। पेज का लेआउट बारी-बारी से बदलता रहता है: (1) एक आकर्षक स्प्लैश फोटो जिसमें बीच में हेडलाइन और एम्बेडेड AI टूलटिप है, (2) पूरी चौड़ाई वाले मॉड्यूल, (3) कंट्रास्ट के लिए हल्के उल्टे #cacaca स्टैट्स ब्लॉक, और (4) 90px पैडिंग वाली प्रोडक्ट लेआउट स्ट्राइप्स। हेडलाइन हमेशा बीच में होती हैं; फीचर कैटेगरी कार्ड 12-15px के अंतराल के साथ 3-कॉलम ग्रिड में व्यवस्थित हैं। सेक्शन के बीच वर्टिकल स्पेसिंग 24-80px है, जिससे मॉड्यूल के बीच पर्याप्त जगह बनती है। नेविगेशन एक फिक्स्ड टॉप बार है जिसका बैकग्राउंड धुंधला है (बैकग्राउंड फिल्टर (24px)), जिसमें लोगो, 3 घोस्ट बटन नेविगेशन एलिमेंट, एक "लॉगिन" टेक्स्ट लिंक और दाईं ओर संरेखित एक सफेद प्राइमरी "गेट स्टार्टेड" कॉल-टू-एक्शन शामिल है।

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

Origin Financial शैली में AI छवियों के लिए प्रॉम्प्ट

ओरिजिन फाइनेंशियल वेबसाइट की विज़ुअल शैली में एक छवि बनाएं
क्या चित्रित करें: [अपना विषय और इच्छाएं दर्ज करें — उदाहरण के लिए: «लकड़ी की मेज पर कॉफी का मग, सुबह की रोशनी»]
शैली: शांत धन की मध्यरात्रि गैलरी। एक शांत, लगभग अंधेरा कमरा, जहाँ वस्तु सावधानीपूर्वक चुनी गई कलाकृति का एहसास कराती है। मंद, ठंडी प्रोसेसिंग वाली वायुमंडलीय तस्वीरें जो एक प्रेरणादायक खुले आकाश की तरह महसूस होती हैं। कोई चित्र, अमूर्त ग्राफिक्स और जीवनशैली शैली की तस्वीरें नहीं।
प्रकाश और सामग्री: लगभग काली पृष्ठभूमि। मुश्किल से ध्यान देने योग्य वॉल्यूमेट्रिक चमक, बिना चकाचौंध प्रभाव के। नरम, विसरित प्रकाश जो आकार पर जोर देता है। एक गहरा विषय हावी है, छाया के बजाय सीमाएं।
पैलेट: Iris Gleam #847dff, Cyan Signal #00b3dd, Pale Iris #d1c9ff, Deep Iris #4b49aa, Orchid Bloom #dd90d8, Periwinkle #90b8f0, Obsidian #0f1011.
फ्रेम संरचना: फ्रेम में हावी केंद्रीय तत्व। पूर्ण-प्रारूप फोटोग्राफी। वस्तुओं को मुख्य तत्वों के रूप में प्रस्तुत किया जाता है, जिसमें गहरे रंग की पृष्ठभूमि पर पर्याप्त जगह होती है। चौड़ा प्रारूप।
आवश्यकताएं: फोटोरियलिस्टिक और साफ, प्रकाश और रंग ऊपर दिए गए पैलेट से सख्ती से। यदि «क्या चित्रित करें» में अनुरोध नहीं किया गया है तो टेक्स्ट, शिलालेख, संख्याएं, इंटरफेस और वेबसाइट लेआउट न जोड़ें। कोई वॉटरमार्क, तीसरे पक्ष के लोगो और ब्रांड नाम नहीं।

पैलेट

ब्रांड

  • Iris Gleam #847dff — श्रेणी कार्डों के लिए मुख्य रंग बैंगनी रंग है, जो अक्सर मॉड्यूल टाइल्स पर पाया जाता है।

तटस्थ

  • Cyan Signal #00b3dd — डेटा-आधारित दृष्टिकोण – चार्ट लाइनें, मिनी-चार्ट स्ट्रोक और गहरे रंग की सतहों पर पूर्वानुमान संकेतक।
  • Pale Iris #d1c9ff — थीम पैनल और बैकग्राउंड फिल में सौम्य रंग योजनाओं के लिए बैंगनी का एक हल्का संस्करण।
  • Deep Iris #4b49aa — होवर करने पर शेडेड कैटेगरी और स्टेटस बार के लिए गहरा बैंगनी रंग का विकल्प।
  • Orchid Bloom #dd90d8 — लाइफस्टाइल/खर्च मॉड्यूल के लिए गुलाबी श्रेणी कार्ड ठंडे रंग पैलेट के विपरीत एक गर्म रंग प्रदान करता है।
  • Periwinkle #90b8f0 — काउंसलिंग मॉड्यूल या कपल्स मॉड्यूल के लिए एक हल्के नीले रंग का श्रेणी कार्ड।
  • Obsidian #0f1011 — पृष्ठ का कैनवास वह प्रमुख काली सतह है जिस पर सब कुछ तैरता रहता है।

टाइपोग्राफी

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

  • Suisseintltrial — प्रतिस्थापन: Inter · रूपरेखा 400 · Suisseintltrial - निकाले गए डेटा में पाया गया लेकिन AI द्वारा इसका वर्णन नहीं किया गया।
  • Lyon Display — प्रतिस्थापन: DM Serif Display or Playfair Display (Google Fonts) at weight 400 with manual letter-spacing tightening · रूपरेखा 300 · शीर्षक और अनुभाग शीर्षक एक विशिष्ट शैली हैं। केवल 300 पिक्सेल (हल्का) फ़ॉन्ट का उपयोग किया गया है, जो सौम्य लेकिन आत्मविश्वासपूर्ण भाव उत्पन्न करता है; 38-96px का अत्यधिक आकार और 0.9 की संकीर्ण पंक्ति रिक्ति एक विशिष्ट तनाव पैदा करती है।
  • Suisse Int'l — प्रतिस्थापन: Inter or Geist Sans at matching weights · रूपरेखा 300, 400 · बॉडी टेक्स्ट, कार्ड विवरण, लिंक टेक्स्ट और इनपुट फ़ील्ड। 18px कार्ड उपशीर्षकों में 300 का वेट इस्तेमाल किया गया है ताकि डिस्प्ले टेक्स्ट से हल्का सा मेल हो सके; 400 का वेट मुख्य UI टेक्स्ट के लिए है।

अंतराल और रूप

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

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

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

समान शैलियाँ

  • July Fund — रंगीन अध्याय कार्डों के साथ एक अंधेरी गैलरी में एक मोनोग्राफ
  • FLORA — काले मखमल पर गैलरी - एक साफ गहरा कैनवास, एकमात्र रंग के रूप में चमकीली छवियां।
  • Mercury — शाम के समय अल्पाइन तट
  • Linear — मध्यरात्रि परिशुद्धता उपकरण
  • Air — "कांच के आर-पार आधी रात का आकाश" नामक मूर्ति
  • Raycast — मिडनाइट कमांड सेंटर, कोरल नियॉन
  • dope.security — बैंगनी बीकन वाला मध्यरात्रि टर्मिनल
  • Dimension — धुंधली रोशनी से जगमगाता हुआ, पाले से ढके कांच के पैनलों वाला एक वर्कस्टेशन
  • Giga — जमी हुई ओब्सीडियन के ऊपर आधी रात का क्षितिज
  • Reflect Notes — तारों से जगमगाता बैंगनी अंतरिक्ष एक अंधेरी वेधशाला है जहाँ लगभग काले नीले शून्य की पृष्ठभूमि के विरुद्ध स्वर तारामंडलों की तरह तैरते हैं।
  • Ameba — आधी रात को नियंत्रण कक्ष – फ्रॉस्टेड ग्लास पैनलों के भीतर एक विद्युत नीली चमक
  • Branding — काली गैलरी की दीवार, गहरे लाल रंग के एक्सेंट - एक गहरे कैनवास पर बड़े सफेद अक्षर तैरते हुए दिखाई देते हैं जो एक शून्य जैसा दिखता है, जिसे एक चमकीले लाल एक्सेंट और आकर्षक सजावटी तत्वों द्वारा बाधित किया गया है जो वेब इंटरफेस की तुलना में गैलरी के साइनबोर्ड की तरह अधिक दिखते हैं।