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