ब्रैंड मैनुअल · डिज़ाइन सिस्टम
काग़ज़, स्याही और एक जंक्शन।
पेज अपने टूल्स घोषित करता है; ब्राउज़र बीच में रहता है; पेज और एजेंट मिलते हैं, पर कोई किसी की जगह नहीं लेता। मार्क इसी मिलन को दिखाता है। नीचे जो कुछ है, वह उसी कोड से रेंडर होता है जो शिप होता है।
01 · नाम
webmcpx, हमेशा लोअरकेस में
- हमेशा लोअरकेस: webmcpx, वाक्य की शुरुआत में भी (ज़रूरत हो तो वाक्य ही बदल दें)।
- कोड और कमांड में इसे Geist Mono में लिखें।
- WebMCP ब्राउज़र API है, इसकी स्पेलिंग वही रखें जो ड्राफ़्ट में है। webmcp.zone कम्युनिटी साइट है।
- webmcpx ख़ुद WebMCP नहीं है और WebMCP नाम पर कभी दावा नहीं करता।
02 · लोगो
तीन मार्क, एक विचार
जहाँ भी हो सके, जंक्शन इस्तेमाल करें। कार्ड बैज और ऐप आइकन के लिए है (32px और उससे बड़ा); स्लॉट वाला पेज वैकल्पिक मार्क है।
03 · बनावट
24 यूनिट का ग्रिड, 2 यूनिट का गैप
दो भरे हुए शेवरॉन, एक-दूसरे की दर्पण छवि। सिरों पर भुजाएँ 4.5 यूनिट, शीर्ष 2 यूनिट पर सपाट कटे हुए, और बीच में 2 यूनिट का गैप जो कभी बंद नहीं होता: वही गैप ब्राउज़र है।
खाली जगह
मार्क के चारों ओर उसकी आधी ऊँचाई जितनी खाली जगह रखें, और लॉकअप के चारों ओर x की ऊँचाई जितनी।
न्यूनतम आकार
मार्क 16px तक सिर्फ़ फ़ेविकॉन वेरिएंट के रूप में। लॉकअप कम से कम 24px ऊँचा।
04 · रंग
काग़ज़ और स्याही, एक हाइलाइटर
वैल्यू tokens.css से पढ़ी जाती हैं। आर्टवर्क उस बैकग्राउंड के हिसाब से चुनें जिस पर वह लगेगा, पढ़ने वाले की थीम के हिसाब से नहीं।
-
paper
#f2f1ed
पेज बैकग्राउंड
-
paper-2
#e8e6e0
धँसे हुए पैनल, ट्रैक
-
card
#fcfbf8
काग़ज़ पर कार्ड और इनपुट
-
ink
#121210
टेक्स्ट, आउटलाइन, शैडो, प्राइमरी बटन
-
ink-2
#43423f
सेकेंडरी टेक्स्ट
-
ink-3
#5c5b56
कैप्शन और लेबल
-
hairline
#d3d1ca
पतली डिवाइडर लाइनें
-
marker
#fcd948
हाइलाइटर: इकलौता एक्सेंट
-
good
#197037
तैयार, पास (टेक्स्ट)
-
good-soft
#b9eec2
तैयार, पास (फ़िल)
-
bad
#af2b25
गायब, फ़ेल (टेक्स्ट)
-
bad-soft
#ffd9d2
गायब, फ़ेल (फ़िल)
-
code
#171614
कोड ब्लॉक बैकग्राउंड
-
on-code
#e9e8e3
कोड ब्लॉक पर टेक्स्ट
स्वीकृत टेक्स्ट जोड़े
WCAG 2.2 AA बॉडी टेक्स्ट के लिए 4.5:1 माँगता है; एक टेस्ट इसे लागू करता है।
| बैकग्राउंड पर टेक्स्ट | कंट्रास्ट |
|---|---|
| paper पर ink | 16.65:1 |
| paper-2 पर ink | 15.08:1 |
| card पर ink | 18.17:1 |
| marker पर ink | 13.55:1 |
| good-soft पर ink | 14.35:1 |
| bad-soft पर ink | 14.41:1 |
| ink पर paper | 16.65:1 |
| paper पर ink-2 | 8.86:1 |
| card पर ink-2 | 9.67:1 |
| paper पर ink-3 | 6.04:1 |
| paper-2 पर ink-3 | 5.47:1 |
| card पर ink-3 | 6.59:1 |
| paper पर good | 5.47:1 |
| card पर good | 5.97:1 |
| paper पर bad | 5.79:1 |
| card पर bad | 6.32:1 |
| code पर on-code | 14.73:1 |
पीला सिर्फ़ बैकग्राउंड है, आकृति कभी नहीं
काग़ज़ पर हाइलाइटर पीले का कंट्रास्ट 1.23:1 है: इससे न कोई आकृति बन सकती है, न टेक्स्ट। इसे स्याही के पीछे इस्तेमाल करें: एक हाइलाइट किया शब्द, एक चिप, एक ऐप आइकन।
05 · टाइपोग्राफ़ी
Bricolage, Geist, Geist Mono
Bricolage Grotesque · विशाल
एजेंट-रेडी
Bricolage Grotesque · हेडलाइन
वही एजेंट। वही सवाल।
Geist · बॉडी
छोटे वाक्य, जिन्हें जाँचा जा सके। हर वाक्य में एक बात।
Geist Mono · कोड और लेबल
document.modelContext.registerTool()
06 · कंपोनेंट
2px आउटलाइन, सख़्त शैडो
src/lib/components/ui। वेरिएंट tailwind-variants रेसिपी हैं; आकार भी उन्हीं डिज़ाइन टोकन से आते हैं।
Button · वेरिएंट × साइज़
Stamp · टोन
Tabs
पहला का पैनल। ऐरो कीज़ इस्तेमाल करें।
दूसरा का पैनल। ऐरो कीज़ इस्तेमाल करें।
CodeBlock (बिल्ड के समय हाइलाइट)
<script type="module" src="https://cdn.jsdelivr.net/npm/[email protected]/src/auto.js"></script>07 · ग़लत इस्तेमाल
ऐसा न करें
-
इसे खींचें या दबाएँ नहीं
-
इसे घुमाएँ नहीं
-
आउटलाइन या स्ट्रोक न जोड़ें
-
इसे पीले रंग में न बनाएँ
-
मार्क पर शैडो या इफ़ेक्ट न जोड़ें
-
शेवरॉन के बीच का गैप बंद न करें
08 · ट्रेडमार्क
नाम खुलकर इस्तेमाल करें। आधिकारिक होने का आभास न दें।
कोड MIT लाइसेंस के तहत है; नाम और मार्क उस लाइसेंस में शामिल नहीं हैं। पूरी नीति TRADEMARK.md में है।
ऐसे लिखें
- W3C Web Machine Learning Community Group की WebMCP Draft Community Group Report को लागू करता है (W3C Standard नहीं)।
- webmcpx से बना। webmcpx के साथ संगत।
- WebMCP फ़्लैग चालू होने पर Chrome में काम करता है।
कभी नहीं
- आधिकारिक WebMCP लाइब्रेरी
- W3C WebMCP स्टैंडर्ड
- MCP सर्टिफ़ाइड
- Chrome के लिए webmcpx
लहजा
छोटे वाक्य, जिन्हें जाँचा जा सके। विशेषणों से ज़्यादा आँकड़े।
हम ये शब्द इस्तेमाल करते हैं
घोषित करता हैउपलब्ध कराता हैकॉल करता हैमापा गयाCommunity Group ड्राफ़्ट के अनुरूपwebmcpx के साथ काम करता है
इन शब्दों से हम बचते हैं
आधिकारिकW3C स्टैंडर्डW3C-अनुपालकMCP सर्टिफ़ाइडक्रांतिकारीजादुई
सूचनाएँ
- webmcpx एक स्वतंत्र प्रोजेक्ट है। यह LF Projects, Agentic AI Foundation, Anthropic, W3C, Google या Microsoft से संबद्ध नहीं है, और इनमें से किसी ने इसका समर्थन नहीं किया है।
- Model Context Protocol और MCP लोगो, LF Projects, LLC के ट्रेडमार्क हैं।
- W3C®, World Wide Web Consortium का ट्रेडमार्क है।