Ventriloc
गर्म कागज पर डेटा का एक संपादकीय अवलोकन - एक नारंगी अंगारा जो एकरंगी सटीकता को उजागर करता है
वेंट्रिलोक एक शांत, संपादकीय शैली में बात करता है: एक गर्म, साफ सफेद कैनवास, मोनोस्पेस्ड, उच्च-सटीकता वाले डेटा कार्ड, और एक नारंगी चारकोल रंग जो मुद्रित रिपोर्ट पर हाइलाइटर की तरह मोनोक्रोम को उभारता है। यह सिस्टम शीर्षकों के लिए 400-पॉइंट वेट वाले कस्टम-डिज़ाइन किए गए नियो-ग्रोटेस्क टाइपफेस (पॉलीसैन्स) को जोड़ता है—एक असामान्य संयम जो वॉल्यूम के माध्यम से अधिकार के बजाय सटीकता के माध्यम से अधिकार को प्राथमिकता देता है—और बॉडी कॉपी और इंटरफ़ेस तत्वों के लिए इंटर फॉन्ट का उपयोग करता है। सतहें ठंडे, तकनीकी नीले रंग के बजाय गर्म ग्रे और क्रीम रंग की हैं, कार्डों के कोने असममित रूप से गोल हैं (ऊपरी-दायां कोना नुकीला, बाकी जगह नरम), और इंटरैक्टिव तत्वों को दो अलग-अलग शैलियों में विभाजित किया गया है: नुकीले कोण वाले टेक्स्ट-शैली के बटन और पिल-आकार के नेविगेशन कंटेनर। रंगों का उपयोग संयम से किया जाता है: पृष्ठों को 95% समय अक्रोमैटिक शैली में डिज़ाइन किया जाना चाहिए, और नारंगी रंग का उपयोग केवल हाइलाइट करने, लिंक को रेखांकित करने और डेटा के सजावटी लहजे के लिए कार्यात्मक विराम चिह्न के रूप में किया जाता है।
अधिकतम चौड़ाई वाला कंटेनर 1200px का है, जो केंद्र में स्थित है, और इसके अनुभागों के बीच 80px का पर्याप्त मार्जिन है। मुख्य तत्व दो स्तंभों में विभाजित है: बाईं ओर शीर्षक, उप-पाठ और दो कॉल-टू-एक्शन बटन हैं; दाईं ओर एक सफेद कैनवास पर तीन ओवरलैपिंग डेटा कार्ड (एक वित्तीय चार्ट, राजस्व आँकड़े, एक लाभप्रदता रिंग) हैं। मुख्य तत्व के नीचे सफेद पृष्ठभूमि पर पूर्ण चौड़ाई वाली पार्टनर लोगो पट्टी है। इसके बाद के अनुभाग ऐश (#efefef) और सफेद पट्टियों के बीच बारी-बारी से आते हैं। नेविगेशन हेडर के केंद्र में स्थित एक फ्लोटिंग पिल-आकार का कंटेनर है, जिसमें ब्रांड लोगो बाईं ओर और एक गहरा "हमसे संपर्क करें" बटन दाईं ओर स्थित है। समग्र लय विशाल और संपादकीय है—चौड़े मार्जिन, लंबे अनुभाग, और टाइपोग्राफी के अलावा डेटा कार्ड ही एकमात्र दृश्य विराम चिह्न प्रदान करते हैं।
इसका विज़ुअल डिज़ाइन लगभग पूरी तरह से डेटा-आधारित है: चार्ट विजेट (लाइन ग्राफ़, गोलाकार प्रोग्रेस बार, सांख्यिकी कार्ड) सफ़ेद कार्डबोर्ड सतहों पर पतली नारंगी और पीतल की रेखाओं के साथ एक सपाट, न्यूनतम शैली में डिज़ाइन किए गए हैं। होमपेज पर कोई लाइफस्टाइल फ़ोटो, स्टॉक इमेज या इलस्ट्रेशन नहीं हैं। एकमात्र फ़ोटोग्राफ़िक सामग्री पार्टनर/क्लाइंट लोगो हैं, जो मोनोक्रोम ग्रेफाइट में प्रस्तुत किए गए हैं। विज़ुअल भाषा किसी विशिष्ट SaaS वेबसाइट की तुलना में मुद्रित वार्षिक रिपोर्ट के अधिक करीब है—चार्ट स्वयं चित्र हैं। आइकन पतले, मोनोलाइनर और ग्रेफाइट रंग के हैं, जो नेविगेशन बार और कार्ड हेडर में बहुत कम दिखाई देते हैं।
पैलेट
ब्रांड
- Ember Orange
#ff682c— लिंक, टैग और छोटे वाक्यांशों को हाइलाइट करने के लिए नारंगी रंग का उपयोग किया जाता है। इसे कॉल टू एक्शन के लिए प्राथमिक रंग के रूप में उपयोग नहीं किया जाना चाहिए।
तटस्थ
- Graphite
#202020— मुख्य पाठ, शीर्षक, नेविगेशन लिंक, आइकन की रूपरेखा प्रत्येक इंटरफ़ेस तत्व का टाइपोग्राफिक आधार हैं। - Canvas White
#ffffff— पेज बैकग्राउंड, कार्ड एलिवेशन, आइकन फिल—सिस्टम में सबसे चमकदार सतह। - Ash
#efefef— कार्ड और सेक्शन की मुख्य पृष्ठभूमि, नेविगेशन बार का कंटेनर, मुख्य रूप से गर्म धूसर रंग की सतह है। - Fog
#f5f5f5— नेस्टेड सतहों और द्वितीयक कंटेनरों के लिए एक सूक्ष्म पृष्ठभूमि टोन। - Ivory
#ebe6dd— मुख्य ब्लॉकों के लिए गर्म रंग की पृष्ठभूमि - कागज़ जैसा एहसास। - Steel
#4d4d4d— द्वितीयक मुख्य पाठ, लंबे पैराग्राफ का पाठ
टाइपोग्राफी
14 से 66px तक · 5 चरण
- PolySans — प्रतिस्थापन: Inter Tight or Space Grotesk at weight 400 · रूपरेखा 400 · हेडलाइन और सजावटी टेक्स्ट - एक विशेष रूप से डिज़ाइन किया गया नियो-ग्रोटेस्क टाइपफेस, जिसका उपयोग विशेष रूप से 400 वेट और -0.02em लेटर स्पेसिंग पर किया जाता है, एक सूक्ष्म संपादकीय अधिकार का निर्माण करता है जिसे कोई भी बोल्ड हेडलाइन दोहरा नहीं सकती।
- Inter — प्रतिस्थापन: system-ui or Roboto · रूपरेखा 400, 500, 600 · बॉडी टेक्स्ट, यूआई एलिमेंट लेबल, बटन टेक्स्ट, हेडिंग, मेटाडेटा - हेडिंग को छोड़कर बाकी सभी के लिए एक सार्वभौमिक सैन्स-सेरिफ़ फ़ॉन्ट।
अंतराल और रूप
| उद्देश्य | अर्थ |
|---|---|
| घनत्व | औसत |
| बुनियादी कदम | 20px |
| बटन त्रिज्या | 0px |
| कार्ड त्रिज्या | 8px |
| छैया छैया | नहीं - छाया के बजाय बॉर्डर |
| अनुभागों के बीच | 80px |
| पृष्ठ की चौड़ाई | 1200px |
एआई आपकी वेबसाइट को Ventriloc शैली में बनाएगा और उसमें डेटा भरेगा।
- इन लिंक के माध्यम से उत्पादों और पोस्ट से भरें - Instagram, TikTok, Facebook ।
- अपनी पुरानी वेबसाइट से सामग्री स्थानांतरित करें—बस पता निर्दिष्ट करें।
- सर्वश्रेष्ठ इंजन पर आधुनिक डिजाइन: React ( Next.js) जिसमें सर्वर रेंडरिंग और एसईओ अनुकूलन की सुविधा अंतर्निहित है।
- खोज परिणामों और न्यूरल नेटवर्क अनुशंसाओं के लिए पूरी तरह से स्वचालित एसईओ अनुकूलन।
समान शैलियाँ
- Ui — मैट पेपर पर नैदानिक योजना
- Geniestudio — एक मुलायम, दिन के उजाले में काम आने वाली नोटबुक—चौड़े हाशिये वाली और मोटी कलम की एक ही रेखा वाली नोटबुक
- xAI — काली गोली के साथ वार्म क्रीम लैब
- Cal — मोनोक्रोम व्यावहारिकता, एक मानवीय दृष्टिकोण। एक ऐसी प्रणाली जो सख्त काले और सफेद रंग के पैलेट के माध्यम से स्पष्टता और कार्यक्षमता को प्राथमिकता देती है, लेकिन मैत्रीपूर्ण टाइपोग्राफी और गोल आकृतियों के साथ इसे सौम्य बनाती है।
- Scale — एक उच्च गुणवत्ता वाली संग्रहालय-स्तरीय फोटो लैब, तकनीकी परियोजना के साथ संयुक्त
- Contractbook — अतिनीले आकाश के नीचे क्रीम रंग के कागज़ के अनुबंध
- AutoSend — एक आरामदायक पत्थर का स्टूडियो जिसमें एक बैंगनी रंग की रोशनी है—जहां सेरिफ हेडलाइन और चमकीले इंडिगो रंग के कॉल टू एक्शन एक शांत, लगभग सफेद स्थान में एक साथ मौजूद हैं।
- Air — "कांच के आर-पार आधी रात का आकाश" नामक मूर्ति
- SpatialChat — सफेद चर्मपत्र पर बैंगनी दाल
- Squarespace — सिनेमाई मोनोक्रोम गैलरी
- Giga — जमी हुई ओब्सीडियन के ऊपर आधी रात का क्षितिज
- Supabase — आधी रात को एक कोड एडिटर, जिसमें एक चमकीला हरा बिंदु है—कोयले की धूल के सागर पर एक एकल रंगीन स्पंदन।