Vercel

सफेद कागज पर छपा टर्मिनल

वर्सेल डिज़ाइन सिस्टम अनुशासित मोनोक्रोम का एक उदाहरण है: लगभग सफ़ेद कैनवास (#fafafa), काले अक्षर, पतले बॉर्डर और सजावटी रंगों का पूर्ण अभाव। दृश्य भाषा किसी डेवलपर के टर्मिनल को प्रिंट रूप में प्रस्तुत करती है—जिस्ट सैन्स फ़ॉन्ट 400-450 के फ़ॉन्ट वेट और -0.06em के लेटर स्पेसिंग के साथ "हीरोइक" स्केल पर मुश्किल से पढ़ा जा सकता है, जबकि जिस्ट मोनो में लेबल, मेटाडेटा और कोड सैंपल 11-13px के बड़े अक्षरों में होते हैं। बटन 6px त्रिज्या वाले नुकीले या सफ़ेद पर काले या काले पर सफ़ेद रंग के आयताकार होते हैं। यह सिस्टम रंग के बजाय कंट्रास्ट और टाइपोग्राफ़िक पदानुक्रम पर निर्भर करता है, और केवल त्रिकोणीय चिह्न (▲) और दो-पंक्ति वाले वर्डमार्क को ही ब्रांडिंग तत्व के रूप में उपयोग करता है। सतहें #fafafa → #ebebeb → #171717 के क्रम में एक दूसरे के ऊपर रखी जाती हैं, जिससे छाया या रंग के बजाय बदलते टोनल मानों के माध्यम से गहराई उत्पन्न होती है। प्रत्येक तत्व को सघनता के साथ 4px ग्रिड पर बनाया गया है, जिसके परिणामस्वरूप एक ऐसा इंटरफ़ेस बनता है जो एक इंजीनियर की नोटबुक की याद दिलाता है - सटीक, कार्यात्मक और खाली स्थान से बेखौफ।

कंटेनर 1280px चौड़ा है, बीच में स्थित है और इसमें पर्याप्त क्षैतिज पैडिंग (24-48px) है। मुख्य ब्लॉक में एक असममित तीन-क्षेत्रीय संरचना का उपयोग किया गया है: बाईं ओर एक बड़ी हेडलाइन, बीच में एक ब्रांड लोगो और दाईं ओर एक "आइब्रो" ब्लॉक। मुख्य ब्लॉक के नीचे, सामग्री को वैकल्पिक पट्टियों में व्यवस्थित किया गया है: ग्राहक के लोगो वाली पूरी चौड़ाई की पट्टी, उसके बाद दो-स्तंभ वाला "एजेंट क्रिएटर्स" अनुभाग जिसमें बाईं ओर हेडलाइन और दाईं ओर उत्पाद लेआउट है, और अंत में सुविधाओं वाले तीन कार्डों का एक ग्रिड है। अनुभागों को बिना किसी विभाजक या पृष्ठभूमि ऑफ़सेट के 96-128px के ऊर्ध्वाधर गैप द्वारा अलग किया गया है। नेविगेशन एक एकल स्थिर 64px पैनल है जिसका बैकग्राउंड धुंधला है। कार्ड ग्रिड में लगातार दो या तीन-स्तंभ लेआउट का उपयोग किया गया है जिसमें 16-24px के गैप हैं। समग्र घनत्व सघन है—पाठ पढ़ने में आसान है, पर्याप्त खाली जगह है, लेकिन फ़ॉन्ट आकार और घटक आकार पृष्ठ को हवादार होने से रोकते हैं।

चित्र संक्षिप्त और हमेशा कार्यात्मक होते हैं। मुख्य दृश्य तत्व काला त्रिकोण (▲) है—एक ज्यामितीय ब्रांड चिह्न जो बड़े अक्षरों में एक तैरते हुए सिल्हूट के रूप में दिखाई देता है। प्रूफ-ऑफ-कॉन्सेप्ट स्ट्रिप पर क्लाइंट लोगो प्रत्येक ब्रांड के वास्तविक वर्डमार्क का उपयोग ग्रेस्केल में करते हैं। उत्पाद मॉकअप (नोटियन का चैट इंटरफ़ेस, CLI टर्मिनल आउटपुट, पासपोर्ट कार्ड) फ़्रेमयुक्त कार्डों के भीतर लाइट-मोड स्क्रीनशॉट के रूप में एम्बेडेड हैं। इसमें कोई फ़ोटो, चित्र या 3D तत्व नहीं हैं—यह सिस्टम पूरी तरह से सफेद कागज पर टाइपोग्राफी और ज्यामितीय आकृतियों पर आधारित है।

शुद्ध SaaS एक रंग का हाई कॉन्ट्रास्ट

https://vercel.com

पैलेट

तटस्थ

Obsidian #171717 — मुख्य शीर्षक, नेविगेशन बॉर्डर, गहरे रंग के बटन और सूची मार्कर लगभग काले रंग के हैं, जिससे कठोरता और भड़कीलेपन से बचा जा सके।
Paper White #fafafa — पेज का कैनवास, कार्ड की सतहें, बटनों की रोशनी—यह वह मानक पृष्ठभूमि है जिस पर बाकी सब कुछ स्थित है।
Pure White #ffffff — उभरी हुई कार्ड सतहें, इंसर्ट, इनपुट फ़ील्ड।
Hairline #ebebeb — बटन, लिंक और कार्ड पर 1px बॉर्डर उच्च ज़ूम स्तरों पर दिखाई देते हैं, लेकिन निम्न ज़ूम स्तरों पर अदृश्य होते हैं।
Ash #c9c9c9 — टेक्स्ट को अक्षम करना, लेबल को म्यूट करना, क्लाइंट के लोगो में ब्रांड नाम के वॉटरमार्क का उपयोग करना।
Smoke #a8a8a8 — द्वितीयक पाठ, प्लेसहोल्डर पाठ, सूक्ष्म आइकन फिल।

टाइपोग्राफी

11 से 64px तक · 6 चरण

Geist Sans — प्रतिस्थापन: Inter · रूपरेखा 400, 450, 500 · इंटरफ़ेस और शीर्षकों के लिए प्राथमिक फ़ॉन्ट वर्सेल द्वारा डिज़ाइन किया गया एक विशेष ज्यामितीय सैन्स-सेरिफ़ फ़ॉन्ट है, जिसमें बड़े आकार में अक्षरों के बीच कम से कम दूरी रखी गई है (56-64px पर -0.06em, 30px पर -0.05em)। पृष्ठ के शीर्ष पर शीर्षकों के लिए 450 का वज़न चुना गया है: लाइट से मोटा लेकिन सेमी-बोल्ड से हल्का, जिससे एक आत्मविश्वासपूर्ण, लेकिन अतिरंजित न लगने वाला भाव उत्पन्न होता है।
Geist Mono — प्रतिस्थापन: JetBrains Mono · रूपरेखा 400, 500, 600 · कैप्शन, कोड ब्लॉक, CLI आउटपुट पैनल, मेटाडेटा और अपरकेस टेक्स्ट के लिए एक मोनोस्पेस्ड सेकेंडरी फॉन्ट। 8px/600px/अपरकेस का संयोजन छोटे वर्डमार्क को सटीक रूप से रखने की सुविधा देता है। मोनोस्पेस्ड संस्करण में चौड़ा लेटर स्पेसिंग (0.071em) अपरकेस टेक्स्ट के लिए पर्याप्त जगह प्रदान करता है।

अंतराल और रूप

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

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

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

इस शैली में एक वेबसाइट बनाएं

समान शैलियाँ

Headspace — गर्म कागज पर बना एक धूपदार वेलनेस कॉर्नर
WHOOP — आधी रात का परफॉर्मेंस लैब - काले नाटकीय खालीपन के नीचे सफेद क्लीनिकल लैब टेबल, बिजली की एक बैंगनी लहर।
Together AI — हिमनदीय कागज पर अनुसंधान कंसोल
v0 by Vercel — लेथ ड्राइंग। परिशुद्धता और कार्यक्षमता सर्वोपरि हैं, प्रत्येक तत्व एक साफ, तकनीकी रूप से परिपूर्ण सतह पर एक स्पष्ट उद्देश्य की पूर्ति करता है।
Dovetail — एक काली चाँदनी में बना खाका—मुश्किल से दिखाई देने वाली ग्राफ की रेखाएँ, सफेद फ़ॉन्ट, एक बैंगनी चमक
Glideapps — एक इलेक्ट्रिक फ़िरोज़ी स्पार्कल के साथ मोनोक्रोम ड्राफ्टिंग टेबल
Timescale — गर्म ग्राफ पेपर पर इंजीनियरिंग ड्राइंग
UGLYCASH — क्रीम रंग के कागज पर स्टिकर से ढकी एक नोटबुक एक ऐसे बोल्ड, मैक्सिमलिस्ट फिनटेक का माहौल दर्शाती है जो गर्व से अपनी अव्यवस्था का प्रदर्शन करता है।
Sprout Social — काली स्लेट पर एक हरा अंकुर। एक सख्त मोनोक्रोम कैनवास पर एक चमकीला आकर्षण, जिसका रंग केवल क्रियात्मक कार्यों के लिए उपयोग किया गया है, और एक आत्मविश्वासपूर्ण ज्यामितीय फ़ॉन्ट मार्गदर्शक चिह्नों के रूप में कार्य करता है।
Krea — गैलरी नॉयर एट मिडनाइट
Evergreen — लिनन पेपर पर सोलर ग्रीनहाउस
Factory — आधी रात को "वॉर रूम" का टर्मिनल। "फैक्ट्री" एक बिल्कुल काला कंट्रोल पैनल है जहाँ एक सफेद कार्ड टॉर्च की रोशनी में किसी संदेश की तरह गिरता है—कमरे में एकमात्र वस्तु स्वयं काम है।