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